CSS部分基礎
阿新 • • 發佈:2017-12-05
語法 port per 行高 webkit 部分 blue 啟用 文字 CSS部分:
語法:
1.權值:
標簽,偽元素=1,
類,偽類,屬性選擇符=10
ID選擇符=100
繼承=0.1
權值可相加,同一元素設置不同樣式,啟用權值高者
層疊:權值相同用最接近元素者,未覆蓋的屬性會被繼承啟用
!important最高權值: p{color.red!important;}
用戶自設樣式>網頁設計樣式>瀏覽器默認樣式
2.示例代碼:
p{color.red!important;}
括號內的就是"聲明"
多條聲明用";" 分隔並換行(最後一條也要,為了修改方便)
p- 選擇符(器) color:blue- 樣式
color-屬性
blue-值
瀏覽器私有屬性:
chrome/safari:-webkit-
firefox:-moz-
IE:-ms-
opera:-o-
3.繼承:
某些樣式對後代也有效(如顏色)
(邊框,background,position無繼承) - inherit屬性為no
強制繼承:att:inherit;
例子:
其子元素行高與其相同(先計算再繼承) line-height:300%
其子元素行高為子元素字體大小的3倍(先繼承再計算) line-height:3
4./* 註釋*/
5.層疊:
外部式: <link href="xxx.css" rel="stylesheet" type="text/css">
嵌入式: <style type="text/css"> </style>
內嵌式: <p style="color:red;" > 文字</p>
CSS部分基礎