css樣式的特點與優先選擇權(優先級)

2024-07-11 08:31:11

字體：大中小

來源：轉載

供稿：網友

CSS樣式的特點：(子元素會繼承父元素的某些樣式，子元素有自己的樣式就用自己的樣式，沒有的就用父元素的)

1.繼承：
網頁中子元素，將繼承父元素的樣式（比如要控制p標簽中的文字大小，可以直接給body標記添加樣式）

2.層疊：
網頁中子元素定義了與父元素相同的樣式，則子元素的樣式將覆蓋父元素的樣式
后面的樣式會覆蓋前面的樣式

復制代碼

代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a >
<html xmlns="<a >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS樣式的特點</title>
<style type="text/css">
body{
font-size:24px;
color:#F00;}
p{color:#F0F;}
/*下面的樣式會覆蓋上面的樣式*/
p{color:#0F0;}
</style>
</head>
<body>
<p>0.5秒三分絕殺!波特蘭上演波什時刻第N次拯救熱火</p>
<h1>玩命暴扣扳平+助攻絕殺三分熱火太幸運有這顆隊魂</h1>
<p>熱火今夜還一功臣必須贊 11分不多但卻分分是金!</p>
<p>詹波為小弟惡犯叫屈當事人他都起飛了!肯定假摔</p>
<p>斯帥稱客戰開拓者奧登不打波什：他很快就可復出</p>
</body>
</html>

上一篇：bootstrap3.0教程之表單(form)使用詳解

下一篇：你真的了解margin嗎？你知道margin有什么特性嗎？