1 css樣式規則
選擇器注意：選擇器區分大小寫，屬性和值不區分大小寫；
如果屬性值由多個單詞組成且中間包括空格，這這個屬性值必須新增英文雙引號
2 引入css樣式表
1、行內式
《標記名 style=」屬性1：屬性值1；屬性2：屬性值2；」>內容2、內嵌式
3、嵌入式
3 css基礎選擇器
1、標記選擇器
標記名2、類選擇器
.類名引用方法：class=」類名」
3、id選擇器
#id 名
4、萬用字元選擇器
*5、標籤指定選擇器
p.special
p.special#
6、後代選擇器
pstrong
#
7、並集選擇器
h3,.special,#one
1 字型樣式屬性
1、font-size：字型大小大小
（em、px）
2、font-family：字型
3、font-weight：字型粗細
（normal、bold、bolder）
4、font-style:字型格式
（normal、italic < 斜體字體樣式》、oblique《傾斜字型樣式》）
5、font：綜合字型樣式
必須保留font-size和font-family屬性，否則font屬性不起作用
6、@font-face屬性：提取伺服器字型
@font-family
(h-shadow：水平陰影距離 v-shadow：垂直陰影距離 blur:模糊半徑 color:陰影顏色)
11、 text-overflow:表示物件內溢位文字
選擇器(clip：修剪溢位文字，不現實」….」、ellipsis：用」…..」顯示被修剪文字)
1 css層疊性和繼承性
1、 層疊性:多個選擇器定義的樣式可以疊加
2、 繼續性：子標記會繼承父元素的某些標記
2 css優先順序
標記選擇器權重為1；類選擇器權重為10；id選擇器權重為100。
!important命令被賦予最大優先順序 p
1 屬性選擇器
1、e[attˆ=value]屬性選擇器
(以value字串開頭的元素)
2、e[att$=value]屬性選擇器
(以value字串結尾的元素)
3、e[att*=value]屬性選擇器
(包含value字串的元素)
2 關係選擇器
1、 子代選擇器（>）
2、 兄弟選擇器（+、~）
a、 臨近兄弟選擇器：+
b、 普通兄弟選擇器：~
3 結構化偽類選擇器
1、：root 對頁面所以元素都有效
2、：not 對某種元素使用樣式，排除這個結構元素下面的子結構元素
3、：only-child選擇器 某個父類元素僅有乙個子元素，則使用：only-child選擇器
4、：first-child和：last-child選擇器 父類元素中的第乙個和最後乙個子元素
5、：nth-child（n）和nth-last-child（n）選擇器 父類元素中的某乙個或者倒數某乙個元素（與元素型別無關）
6、：nth-of-type（n）和：nth-lsat-of-type（n）選擇器 父類元素中的相同元素某乙個或者倒數 (與元素有關) odd：奇數 even：偶數
7、：empty 選擇器 用來選擇沒有子1元素或者文字為空的所以元素
4 偽元素選擇器
1、：before選擇器 用於在被選元素的內容前面插入內容
《元素》：before
content：文字/url ( )
2、after選擇器 用於在某個元素之後插入一些內容，使用方法同:before選擇器
5 超連結偽類
a:link 未訪問時超連結狀態
1、標記 乙個區塊容器標記，主要用於布局
2、盒子的寬與高
(width與height設定盒子寬高《百分比%、px>)
1、邊框屬性
1) 邊框樣式（border-style）
border-style: 上邊 右邊 下邊 左邊 (一值為4邊、兩值為上下/左右、三值為上/左右/下)
2) 邊框寬度 (border-width)
border-width：上邊 右邊 下邊 左邊 (一值為4邊、兩值為上下/左右、三值為上/左右/下)
使用前必須設定邊框樣式
3) 邊框顏色：（border-color）
border-color：上邊 右邊 下邊 左邊
（border-top-colors、border-right-colors、border-bottom-colors、border-left-colors）
使用前必須設定邊框樣式
4) 綜合設定邊框
border：寬度 樣式 顏色 (順序不分先後)
（border-top：、border-rightrs：、border-bottom：、border-left：）
5) 圓角邊框
border-radius：引數1/引數2
(引數1：圓角水平半徑、引數2：圓角垂直半徑)
引數1和引數2設定乙個引數值時，表示4個角的圓角半徑
引數1和引數2同時設定兩個引數值時，引數1表示左上和右下圓角半徑/引數2表示右上和左下圓角半徑
引數1和引數2同時設定三個引數值時，引數值1表示左上圓角半徑，引數值2表示右上和左下圓角半徑，引數3表示右下圓角半徑
6) 邊框
border-image：border-image-source(路徑url（）) border-image-slice（上下左右側內偏移量）/ border-image-width（邊框寬度）/border-image-outset（邊框背景向盒外部延伸距離） border-image-repeat（平鋪方式）
2、邊框屬性
1) 內邊框 (padding復合屬性)
（padding-top、padding-right、padding-bottom、padding-left）
padding：上內邊距 右內邊距 下內邊距 左右邊距
2) 外邊距 (margin復合屬性)
css基礎知識整理
1 什麼是css？css通常稱為css樣式表或層疊樣式表 級聯樣式表 主要用於設定html頁面中的文字內容 字型 大小 對齊方式等 的外形 寬高 邊框樣式 邊距等 以及版面的布局等外觀顯示樣式。css以html為基礎，提供了豐富的功能，如字型 顏色 背景的控制及整體排版等，而且還可以針對不同的瀏覽器...
css基礎知識整理
1 css分類樣式分為3類 內聯 內嵌 外部 1 內聯 寫在標籤裡面，樣式為style 舉例說明 我是第一行h 執行樣圖 style 寬度為100畫素，高度為110畫素，背景是綠色 給這乙個div標籤定css樣式。2 內嵌 在裡面內嵌在head內部body外部 即舉例 我是洋洋1 我是洋洋2 我是洋...
CSS基礎知識整理二
下面是定義乙個盒子的border div下面是定義乙個盒子的寬度，其寬度由padding left padding right margin left margin right border left border right和自己本身物體的寬度組成 div 以上案例中div的寬度為232px 乙個...