首頁  >  文章  >  web前端  >  必看的css權威指南筆記

必看的css權威指南筆記

高洛峰
高洛峰原創
2017-03-09 17:53:151191瀏覽

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

第1章css和文檔

1,元素:替換元素(img input),非替換元素(大多數span)。

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

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

 *[lang|='en']特定屬性選擇器,會選擇lang屬性等於en或以en-開頭的所有元素。連結偽類:未造訪連結:link,造訪過連結:visited(它們都是靜態的),等同於8f1663f1a1021d031485f1b9a8aaa766。 :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,用戶代理動態構成假像元素4cf5accdc40730dafd31ecc4246713c2;第一行:first-line;

之前和之後:before :after。

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

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn