注重使用者體驗,培養使用者懶習慣,減少使用者操作
細節方面 預設選擇一些選項
非同步:同時執行
同步:不同時
與生活中剛好相反
!important
infinity
行間樣式
1000
id100
class/屬性/偽類
10標籤/偽元素
1萬用字元
0256進製
當前主流瀏覽器及其核心:
ie trident
firefox gecko
google chrome webkit/blink
safari webkit
opera presto
行間樣式
頁面級css
>
divstyle
>
外部css檔案
id 唯一 一對一
#demo
class 可重複 多對多
.demo
標籤選擇器
div萬用字元 * 選擇所有(包括html,body等)
*{}屬性選擇器
[id] 或 [id=「demo」]
name
="province"
id=""
>
value="
">
北京option
>
value="
">
上海option
>
value="
">
天津option
>
select
>
選擇器的權重
樣式的衝突 當我們通過不同的選擇器,選中相同的元素,並且為相同的樣式設定不同的值時,此時就發生了樣式的衝突。發生樣式衝突時,應用哪個樣式由選擇器的權重 優先順序 決定 選擇器的權重 內聯樣式 1,0,0,0 id選擇器 0,1,0,0 類和偽類選擇器 0,0,1,0 元素選擇器 0,0,0,1 通配...
選擇器的權重
樣式 權值內聯樣式 1,0,0,0 id選擇器 0,1,0,0 類和偽類選擇器 0,0,1,0 元素選擇器 0,0,0,1 通配選擇器 0,0,0,0 繼承的樣式 沒有優先順序 注 1 比較優先順序時,需將所有的選擇器權值相加計算 相加是按位相加,不會進製 總的權值越高,優先順序越高。但分組選擇器是...
css選擇器 權重
基礎選擇器 一 標籤選擇器 p h1 css不區分大小寫,建議小寫 1 所有的標籤都可以作為標籤選擇器去使用 2 無論這個標籤藏多深,一定能夠被選上 3 選擇頁面所有的,而不是具體某乙個 標籤選擇器,選擇的是頁面上所有這種型別的標籤,所以經常描述 共性 無法描述某乙個元素的 個性 的。二 id選擇器...