溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

什么是css

發(fā)布時(shí)間：2021-09-15 13:45:24 來源：億速云 閱讀：134 作者：柒染 欄目：web開發(fā)

這篇文章將為大家詳細(xì)講解有關(guān)什么是css，文章內(nèi)容質(zhì)量較高，因此小編分享給大家做個(gè)參考，希望大家閱讀完這篇文章后對(duì)相關(guān)知識(shí)有一定的了解。

第1章 css和文檔

1，元素：替換元素（img input），非替換元素（大多數(shù)span）。

2，link：rel（代表關(guān)系：stylesheet，候選樣式表：alternate stylesheet）；type（text/css）；media：（all（所有表現(xiàn)媒體， screen，print），title（配合候選使用）。

3，@import url(sheet1.css) 需在style內(nèi)使用，放在其他css規(guī)則之前。

4，向后可訪問性：<style><!-- 樣式 --></style>，這樣較老瀏覽器會(huì)將style忽略，能理解css的瀏覽器能正常讀取樣式表。

5，css注釋：/* */。

第2章 選擇器

1，對(duì)聲明分組時(shí)，一定要在各個(gè)聲明的最后使用分號(hào)。

2，p.warming.help {background:red;} 只匹配class包含warming和help的p元素，如果p包含warming和其他的則不能匹配。

3，實(shí)際上，瀏覽器并不檢查html中id的唯一性，但這會(huì)導(dǎo)致編寫dom更困難。

4，屬性選擇器：h2[class] {...}

 h2[class=''] {...}完全匹配

 h2[class~=''] {...}部分匹配 [class^='']以什么開頭 [class$='']以什么結(jié)尾 [class*='']包含什么的所有元素

 *[lang|='en']特定屬性選擇器，會(huì)選擇lang屬性等于en或以en-開頭的所有元素。

5，選擇子元素：h2>strong；選擇相鄰兄弟元素h2+p（h2和p有共同父元素，最終選擇p）。

6，鏈接偽類：未訪問鏈接:link，訪問過鏈接:visited（它們都是靜態(tài)的），等同于<body link='' vlink=''>。

 動(dòng)態(tài)偽類：焦點(diǎn):focus，鼠標(biāo)停留:hover，激活:active。（動(dòng)態(tài)偽類可以用于任何元素）

 建議偽類順序：link-visited-focus-hover-active。

 選擇第一個(gè)子元素（:first-child)，很容易誤解，是所有第一個(gè)子元素（在下面例子中，作為第一個(gè)子元素的元素包括第一個(gè)p，第一個(gè)li和strong及em）。

XML/HTML Code復(fù)制內(nèi)容到剪貼板

  1. <div>  
    <p>helooo</p>  
    <ul>  
        <li>111</li>  
        <li><strong>222</strong></li>  
    </ul>  
    <p>  
        <em>333</em>  
    </p>  
</div>

根據(jù)語言選擇（:lang()），如*:lang(fr){color:red;} 這是將所有法語元素變成紅色。

偽元素選擇器：首字母:first-letter，用戶代理動(dòng)態(tài)構(gòu)成假象元素<p:first-letter>;

第一行:first-line；

之前和之后:before :after

關(guān)于什么是css就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到。

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手