CSS 3總結(jié)
CSS語法
選擇器{屬性名：屬性值}
選擇器
1.基本選擇器
- id
- class
- 標(biāo)簽
2.全局選擇器
- 通配符
3.偽類選擇器
- :hover
- :active
- :link
- :visited
- :focus
- :root：匹配的是html標(biāo)簽或xml標(biāo)簽
- :selected
- :nth-child
- :last-child
4.偽元素選擇器
- ::first-line
- ::fir
5.屬性選擇器
- [id]
- [class='container']
- [class^='container']
6組合選擇器
- 分組選擇器：逗號
- 后代選擇器：空格
- 子元素選擇器：大于號
- 相鄰兄弟元素選擇器：加號（+）
屬性
基礎(chǔ)屬性1-10 布局屬性11-14 高級屬性15-17 特殊屬性18-19
基礎(chǔ)屬性
1.尺寸屬性
- 1.width | Min-width | Max-width
- 2.height | Min-height | Max-height
- 3.padding | padding-left | padding-top
- 4.Margin
2.背景屬性組（新：圓角）
3.邊框?qū)傩越M
4.列表屬性組
5.表格屬性組
6.字體屬性組
7.文字屬性組：（新：文字陰影）
8.盒子屬性
- box-sizing
- box-shadow
9.顯示屬性組
10.透明度屬性
布局屬性
11.浮動布局
12.定位布局
13.Flex彈性盒模型布局
14.Grids網(wǎng)格布局 Grids：讀：奎死
高級屬性
15.變換(2D和3D)
16.過渡屬性
17.動畫屬性
特殊屬性
18.光標(biāo)屬性
19.自定義屬性
屬性值
1.尺寸值
2.顏色值
3.數(shù)字值(純數(shù)字無單位)
- Line-height:2;
- Z-index:9;
4.路徑值
5.關(guān)鍵字
6.函數(shù)值
- calc(100px - 20px)
- linear-grident(red,yellow)
- Background
- ul
7.變量值
--primary-color
CSS的規(guī)則
@import
- 導(dǎo)入css模塊窖铡，必須在頂部
@media
@keyframes
CSS 3總結(jié)
1. CSS我學(xué)過6種選擇器
- 1.基本選擇器
- 2.全局選擇器
- 3.組合選擇器
- 4.屬性選擇器
- 5.偽類選擇器
- 6.偽元素選擇器
2. CSS我學(xué)過19種屬性
- 1.尺寸屬性
- 2.背景屬性組
- 3.邊框?qū)傩越M
- 4.列表屬性組
- 5.表格屬性組
- 6.字體屬性組
- 7.文字屬性組
- 8.盒子屬性
- 9.顯示屬性組
- 10.透明度屬性
- 11.浮動布局
- 12.定位布局
- 13.Flex彈性盒模型布局
- 14.Grids網(wǎng)格布局
- 15.變換(2D和3D)
- 16.過渡屬性
- 17.動畫屬性
- 18.光標(biāo)屬性
- 19.自定義屬性
3. CSS我學(xué)過7種屬性值
- 1.尺寸值
- 2.顏色值
- 3.數(shù)字值
- 4.路徑值
- 5.關(guān)鍵字
- 6.函數(shù)值
- 7.變量值
4. CSS我學(xué)過3個css規(guī)則
- @import 讀：音破死
- @media 讀：米滴兒
- @keyframes 讀：科佛文死
4.我精通C3的基礎(chǔ)屬性也熟悉C3的布局屬性還熟悉C3的高級屬性也了解一些css的特殊屬性：光標(biāo)屬性
