css3選擇器詳解視頻課程，html中before怎么使用？
（1）在CSS3中使用before選擇器在元素的前面插入內(nèi)容，使用after在元素后面插入內(nèi)容，在選擇器content屬性中定義要插入的內(nèi)容；（2）使用方法：標(biāo)簽:before{content:"插入的內(nèi)容";},可以修改插入內(nèi)容的樣式；
（3）排除一些不需要插入內(nèi)容的元素：使用content屬性的追加一個(gè)none屬性值。使用方法：標(biāo)簽:before{content:none;}
CSS中有哪些常用選擇器？
一、CSS選擇器有哪些
CSS中的選擇器很多，比如：ID選擇器，類選擇器，通配符選擇器，偽類選擇器等等，接下來主要介紹常用的幾個(gè)。
1.標(biāo)簽選擇器
語法：標(biāo)簽名{}，eg：h1{}//為所有的h1元素設(shè)置樣式。
2.ID選擇器
語法：#id名{}//id值唯一不能重復(fù),eg:#top{}//為id為top的元素設(shè)置樣式。
3.類選擇器
語法：.class{},eg：.box{}//為所有的class值為box的元素設(shè)置樣式。
4.組選擇器
語法：選擇器1，選擇器2，選擇器N{},eg:#box1,.box2,p{}//為id為box1，class為box2和p的元素共同設(shè)置樣式。
5、通配符選擇器
語法：*{}，eg：*{font-size：16px}//將整個(gè)頁面字體大小設(shè)為16px。
6.后代選擇器
語法：選擇器1選擇器2{}，eg：p.aa{}//選中指定祖先元素p的指定后代.aa。
7.子元素選擇器
語法：父元素>子元素{},eg：p>.box{}//選中父元素p的指定子元素.box。注意與后代元素選擇器的區(qū)別
8.偽類選擇器
偽類可以用來表示一些特殊的狀態(tài),如：
：link-未訪問過的超鏈接。
：visited-已訪問過的超鏈接。
：hover-鼠標(biāo)經(jīng)過的元素。
：active-正在點(diǎn)擊的元素。
eg：a:hover{color:red}//鼠標(biāo)經(jīng)過a標(biāo)簽時(shí)，顏色變?yōu)榧t色。
二、CSS選擇器的優(yōu)先級(jí)順序
當(dāng)同一屬性的不同值都作用到了同一個(gè)元素時(shí)，如果定義的屬性之間有沖突，那么應(yīng)該用誰的值的，這個(gè)時(shí)候就涉及到CSS的優(yōu)先級(jí)順序了。
1.在屬性后面使用!important會(huì)覆蓋頁面內(nèi)任何位置定義的元素樣式。
2.作為style屬性寫在元素內(nèi)的內(nèi)部樣式
3.id選擇器
4.類選擇器
5.標(biāo)簽選擇器
6.通配符選擇器
7.瀏覽器自定義或繼承的
CSS有哪些屬性可以繼承？
一、無繼承性的屬性
1、display：規(guī)定元素應(yīng)該生成的框的類型
2、文本屬性：
vertical-align：垂直文本對(duì)齊
text-decoration：規(guī)定添加到文本的裝飾
text-shadow：文本陰影效果
white-space：空白符的處理
unicode-bidi：設(shè)置文本的方向
3、盒子模型的屬性：width、height、margin 、margin-top、margin-right、margin-bottom、margin-left、border、border-style、border-top-style、border-right-style、border-bottom-style、border-left-style、border-width、border-top-width、border-right-right、border-bottom-width、border-left-width、border-color、border-top-color、border-right-color、border-bottom-color、border-left-color、border-top、border-right、border-bottom、border-left、padding、padding-top、padding-right、padding-bottom、padding-left
4、背景屬性：background、background-color、background-image、background-repeat、background-position、background-attachment
5、定位屬性：float、clear、position、top、right、bottom、left、min-width、min-height、max-width、max-height、overflow、clip、z-index
6、生成內(nèi)容屬性：content、counter-reset、counter-increment
7、輪廓樣式屬性：outline-style、outline-width、outline-color、outline
8、頁面樣式屬性：size、page-break-before、page-break-after
9、聲音樣式屬性：pause-before、pause-after、pause、cue-before、cue-after、cue、play-during
二、有繼承性的屬性
1、字體系列屬性
font：組合字體
font-family：規(guī)定元素的字體系列
font-weight：設(shè)置字體的粗細(xì)
font-size：設(shè)置字體的尺寸
font-style：定義字體的風(fēng)格
font-variant：設(shè)置小型大寫字母的字體顯示文本，這意味著所有的小寫字母均會(huì)被轉(zhuǎn)換為大寫，但是所有使用小型大寫字體的字母與其余文本相比，其字體尺寸更小。
font-stretch：對(duì)當(dāng)前的 font-family 進(jìn)行伸縮變形。所有主流瀏覽器都不支持。
font-size-adjust：為某個(gè)元素規(guī)定一個(gè) aspect 值，這樣就可以保持首選字體的 x-height。
2、文本系列屬性
text-indent：文本縮進(jìn)
text-align：文本水平對(duì)齊
line-height：行高
word-spacing：增加或減少單詞間的空白（即字間隔）
letter-spacing：增加或減少字符間的空白（字符間距）
text-transform：控制文本大小寫
direction：規(guī)定文本的書寫方向
color：文本顏色
3、元素可見性：visibility
4、表格布局屬性：caption-side、border-collapse、border-spacing、empty-cells、table-layout
5、列表布局屬性：list-style-type、list-style-image、list-style-position、list-style
6、生成內(nèi)容屬性：quotes
7、光標(biāo)屬性：cursor
8、頁面樣式屬性：page、page-break-inside、windows、orphans
9、聲音樣式屬性：speak、speak-punctuation、speak-numeral、speak-header、speech-rate、volume、voice-family、pitch、pitch-range、stress、richness、、azimuth、elevation
三、所有元素可以繼承的屬性
1、元素可見性：visibility
2、光標(biāo)屬性：cursor
四、內(nèi)聯(lián)元素可以繼承的屬性
1、字體系列屬性
2、除text-indent、text-align之外的文本系列屬性
五、塊級(jí)元素可以繼承的屬性
1、text-indent、text-align
css復(fù)合選擇器有哪三種？
1、元素選擇器 標(biāo)簽名{ }
2、id選擇器 #id屬性值{ }
3、類選擇器 .class屬性值{ }
4、選擇器分組(并集選擇器)
作用：通過它可以同時(shí)選中多個(gè)選擇器對(duì)應(yīng)的元素(通常用于集體聲明)
語法：選擇器1，選擇器2，選擇器n{ }
5、復(fù)合選擇器(交集選擇器)
作用：選擇更準(zhǔn)確更精細(xì)的目標(biāo)元素并為其設(shè)置屬性
語法：選擇器1選擇器2選擇器n{ }
!注意選擇器之間不能有空格，要緊挨在一起
6、通配選擇器
作用：用來選中頁面中所有的元素
語法：*{ }
7、后代元素選擇器
作用：選中指定元素的指定后代元素
語法：祖先元素 后代元素{ }
8、子元素選擇器
作用：選中指定父元素的子元素
語法：父元素>子元素
9、偽類選擇器
偽類表示元素的一種特殊狀態(tài)
:hover 移入時(shí)元素的狀態(tài)
:visited 已被訪問過后的元素的狀態(tài)
:active 被點(diǎn)擊時(shí)元素的狀態(tài)
10、 屬性選擇器
作用：根據(jù)元素中的屬性或?qū)傩灾祦磉x取指定元素
語法：[屬性名]選取含有指定屬性的元素
? [屬性名=“屬性值”]選取含指定屬性值的元素
? [屬性名^="屬性值"] 選取屬性值以指定內(nèi)容開頭的元素
? [屬性名$="屬性值"] 選取屬性值以指定內(nèi)容結(jié)尾的元素
? [屬性名*="屬性值"] 選取屬性值包含指定內(nèi)容的元素
11、兄弟元素選擇器
+選擇器
作用：選中一個(gè)元素后緊挨著的指定的兄弟元素
語法：前一個(gè)+后一個(gè)(作用在后一個(gè))
~選擇器
作用：選中后邊所有的制定兄弟元素
語法：前一個(gè)~后邊所有