css語法
selector
h1,h2,div
css書寫方式
css基本選擇器
class：類名。每個標籤都可以設定的屬性
id：id名。每個標籤都可以設定的屬性
css復合選擇器
css偽類選擇器
給超連結的不同狀態設定樣式！
狀態選擇器
正常狀態
:link
訪問過後狀態
:visited
滑鼠放上狀態
:hover
啟用狀態
:active
偽類選擇器的設定順序：love hate
css屬性選擇器
選擇器含義[attr]
包含 attr 屬性
[attr=「val」]
attr=val
[attr^=「val」]
以 val 開頭
[attr$=「val」]
以 val 結尾
[attr*=「val」]
attr 值含有 val
其他特徵font[color^="re"]：先找到 font 標籤，再找出 color 屬性val不區分大小寫
只有文字、字型樣式屬性可以被繼承！
型別權重標籤1
類10id100
行內式1000
不管是基本選擇器，還是復合選擇器，權重加起來，值越大，優先順序越高！
!important屬性
含義width
內容寬height
內寬高padding
內填充border
邊框margin
外邊距padding小屬性
簡寫描述：
padding
: 10px 20px 30px 40px
margin小屬性
簡寫描述：
margin
: 10px 20px 30px 40px
豎直方向上的margin不會疊加，取較大的值水平方向的值會疊加
border小屬性
簡寫描述：
border 粗細 線型 顏色;
boder 1px solid #f00;
選擇器solid：實線
dshed：虛線
說明e:first-child
匹配第乙個孩子
e:last-child
匹配最後乙個孩子
e:nth-child(n)
第n個e:nth-child(2n)
第偶數個
e:nth-child(2n+1)
第奇數個
e:only-child
有且只有乙個孩子
標籤說明
舉例text-shadow文字陰影
text-shadow: 3px 4px 5px #f00;
box-shadow盒子陰影
box-shadow: 3px 3px 3px 3px insert red;
border-radius圓角矩形
border-radius: 10px / 20%
rgba透明度
rgba(255, 255, 255, 0.4)
trabsition過度時間
width: 2s, hight: 5s
CSS學習 CSS學習筆記
出處 注 本學習筆記只是自己的一些備忘，初學者的東西不具有參考性，請到w3school 進行系統學習。學習css我使用的工具是visual css，可以實現同步預覽，快速學習編輯css。1.css的作用 用來規定網頁中的內容的顯示方式，避免給html增加很多的屬性而將 變得臃腫。2.css的應用方式...
CSS學習 CSS學習筆記
出處 注 本學習筆記只是自己的一些備忘，初學者的東西不具有參考性，請到w3school 進行系統學習。學習css我使用的工具是visual css，可以實現同步預覽，快速學習編輯css。1.css的作用 用來規定網頁中的內容的顯示方式，避免給html增加很多的屬性而將 變得臃腫。2.css的應用方式...
CSS 學習筆記
當同乙個html元素被不止乙個樣式定義時，會使用哪個樣式呢？一般而言，所有的樣式會根據下面的規則層疊於乙個新的虛擬樣式表中，其中數字4 擁有最高的優先權。1.瀏覽器預設設定 2.外部樣式表 3.內部樣式表 位於標籤內部 4.內聯樣式 在html 元素內部 因此，內聯樣式 在html 元素內部 擁有最...