1. 程式人生 > >CSS部分基礎

CSS部分基礎

語法 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部分基礎