欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css選擇器的常用類型,css3有哪些特性

老白2年前32瀏覽0評論

css選擇器的常用類型,css3有哪些特性?

新特性

新增各種CSS選擇器 (: not(.input):所有 class 不是“input”的節(jié)點)

圓角 (border-radius:8px)

多列布局 (column)

陰影和反射 (Shadow\Reflect)

文字特效 (text-shadow)

線性漸變 (gradient)

旋轉(zhuǎn),縮放,定位,傾斜 (transform

多背景,背景裁剪

css選擇器的常用類型,css3有哪些特性

CSS中有哪些常用選擇器?

一、CSS選擇器有哪些

CSS中的選擇器很多,比如:ID選擇器,類選擇器,通配符選擇器,偽類選擇器等等,接下來主要介紹常用的幾個。

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}//將整個頁面字體大小設(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-正在點擊的元素。

eg:a:hover{color:red}//鼠標(biāo)經(jīng)過a標(biāo)簽時,顏色變?yōu)榧t色。

二、CSS選擇器的優(yōu)先級順序

當(dāng)同一屬性的不同值都作用到了同一個元素時,如果定義的屬性之間有沖突,那么應(yīng)該用誰的值的,這個時候就涉及到CSS的優(yōu)先級順序了。

1.在屬性后面使用!important會覆蓋頁面內(nèi)任何位置定義的元素樣式。

2.作為style屬性寫在元素內(nèi)的內(nèi)部樣式

3.id選擇器

4.類選擇器

5.標(biāo)簽選擇器

6.通配符選擇器

7.瀏覽器自定義或繼承的

CSS的基本特征?

總體來說,CSS具有以下特點:

1.豐富的樣式定義

CSS提供了豐富的文檔樣式外觀,以及設(shè)置文本和背景屬性的能力;允許為任何元素創(chuàng)建邊框,以及元素邊框與其他元素間的距離,以及元素邊框與元素內(nèi)容間的距離;允許隨意改變文本的大小寫方式、修飾方式以及其他頁面效果。

2.易于使用和修改

CSS可以將樣式定義在HTML元素的style屬性中,也可以將其定義在HTML文檔的header部分,也可以將樣式聲明在一個專門的CSS文件中,以供HTML頁面引用。總之,CSS樣式表可以將所有的樣式聲明統(tǒng)一存放,進(jìn)行統(tǒng)一管理。

另外,可以將相同樣式的元素進(jìn)行歸類,使用同一個樣式進(jìn)行定義,也可以將某個樣式應(yīng)用到所有同名的HTML標(biāo)簽中,也可以將一個CSS樣式指定到某個頁面元素中。如果要修改樣式,我們只需要在樣式列表中找到相應(yīng)的樣式聲明進(jìn)行修改。

3.多頁面應(yīng)用

CSS樣式表可以單獨存放在一個CSS文件中,這樣我們就可以在多個頁面中使用同一個CSS樣式表。CSS樣式表理論上不屬于任何頁面文件,在任何頁面文件中都可以將其引用。這樣就可以實現(xiàn)多個頁面風(fēng)格的統(tǒng)一。

4.層疊

簡單的說,層疊就是對一個元素多次設(shè)置同一個樣式,這將使用最后一次設(shè)置的屬性值。例如對一個站點中的多個頁面使用了同一套CSS樣式表,而某些頁面中的某些元素想使用其他樣式,就可以針對這些樣式單獨定義一個樣式表應(yīng)用到頁面中。這些后來定義的樣式將對前面的樣式設(shè)置進(jìn)行重寫,在瀏覽器中看到的將是最后面設(shè)置的樣式效果。

5.頁面壓縮

在使用HTML定義頁面效果的網(wǎng)站中,往往需要大量或重復(fù)的表格和font元素形成各種規(guī)格的文字樣式,這樣做的后果就是會產(chǎn)生大量的HTML標(biāo)簽,從而使頁面文件的大小增加。而將樣式的聲明單獨放到CSS樣式表中,可以大大的減小頁面的體積,這樣在加載頁面時使用的時間也會大大的減少。另外,CSS樣式表的復(fù)用更大程度的縮減了頁面的體積,減少下載的時間。

css元素的排列規(guī)則主要分為?

1、代表內(nèi)聯(lián)樣式,如: style=””,權(quán)值為1000。

2、代表ID選擇器,如:#content,權(quán)值為100。

3、代表類,偽類和屬性選擇器,如.content,權(quán)值為10。

4、代表類型(元素)選擇器和偽元素選擇器,如div p,權(quán)值為1。 按照CSS代碼的執(zhí)行先后順序。如果有重復(fù)的規(guī)則,按照后執(zhí)行的定義。最終規(guī)則是多個定義規(guī)則的綜合。重點:高級規(guī)則定義對于不同表格的文字樣式定義。(不同表格使用不同ID、使用類樣式定義)一頁中的多種超級鏈接樣式定義。多個相同規(guī)則不同對象的CSS共同定義。對于同一對象定義的多種CSS方式考慮哪種更科學(xué)。