必看的css權威指南筆記

下面小編就為大家帶來一篇必看的css權威指南筆記。小編覺得蠻不錯的，現在就分享給大家，也給大家做個參考。一起跟著小編過來看看吧

第1章css和文檔

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

2，link：rel（代表關係：stylesheet，候選樣式表：alternate stylesheet）；type（text/css）；media：（all（所有表現媒體， screen，print），title（配合候選使用）。 ，這樣較老瀏覽器會將style忽略，能理解css的瀏覽器能正常讀取樣式表。 /* */。號。 ，實際上，瀏覽器並不會檢查html中id的唯一性，但這會導致編寫dom更困難。 ## h1[class=''] {...}完全符合

 h1[class~=''] {...}部分符合[class^='']以什麼開頭[class$ ='']以什麼結尾[class*='']包含什麼的所有元素

 *[lang|='en']特定屬性選擇器，會選擇lang屬性等於en或以en-開頭的所有元素。連結偽類：未造訪連結:link，造訪過連結:visited（它們都是靜態的），等同於。 :focus，滑鼠停留:hover，啟動:active。第一個子元素（:first-child)，很容易誤解，是所有第一個子元素（在下面例子中，作為第一個子元素的元素包括第一個p，第一個li和strong及em）。

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

根據語言選擇（:lang()），如*:lang(fr){color:red;} 這是將所有法語元素變成紅色。 偽元素選擇器：首字母:first-letter，用戶代理動態構成假像元素;第一行:first-line;

之前和之後:before :after。

以上是必看的css權威指南筆記的詳細內容。更多資訊請關注PHP中文網其他相關文章！