CSS書寫方法一選擇器詳解

2022-11-29 16:15:07 字數 1031 閱讀 4659

問幫手給我寫信 rss訂閱郵件訂閱

308人關注

**承諾:阿邦網堅持寫作客觀獨立的立場,永遠不受金錢影響。秉承為人民生活服務的宗旨,與您分享特邀幫手的經驗和知識,幫您解決生活問題,提高生活品質。

本文系阿邦網獨家稿件,未經許可,任何**和個人,不得全部或部分**,違者必究。

其實這節的內容應該叫做css語法,但語法一詞太象程式用語,而我們所學的css並沒有那麼難,為了提高大家的積極性還是改叫css書寫方法更讓人容易接受。

css基本書寫方法

css的書寫由三部分組成,選擇器、屬性和屬性值,寫法:

選擇器例如前面看到過的:h1

其中h1就是選擇器,color和font-size是屬性,red和14px就是兩者各自的屬性值,屬性和屬性值之間要用冒號(「:」)連線,兩個屬性之間要以分號(「;」)隔開。

平時把它們寫在.css檔案裡時為了可讀性和修改方便,最好分行寫:

h1css組合寫法

css也可以給多個選擇器附加相同的屬性和屬性值,只需要在選擇器間用逗號(「,」)隔開就可以了。

h1,h2,h3,h4,h5,h6

上面是將h1到h6標題的字型變成14畫素的紅體字。

派生選擇器

派生選擇器也叫後代選擇器,顧名思義,它是處於乙個已有的選擇器之下的。它是在已定義的樣式下既繼承原有多數樣式,再單獨定製乙個或多個特殊樣式的選擇器。例如:

strong

h2h2 strong

頁面**:

一段文字紅色粗體字.

在上面的**中strong標籤和h2標籤被定義為紅色字型,所以**中前兩行內容都被定義為紅色字型。

而第三行strong標籤中的字型被定義為藍色字型,因為在樣式表中有h2 strong這樣的定義,它的含義是將位於h2標籤內的strong定義為藍色字型,這就是派生選擇器的作用。

css注釋

為了將css**書寫的更清晰,方便理解,易於以後修改,可以在css**中新增注釋。

注釋以「/*」為開頭,以「*/」為結尾。

h1相關文章

·什麼是css?css的由來和學習方法

詳解CSS選擇器

選擇器的優先級別 1 2 3 beijixing 4 5 6 polaris 7 8 如果已經把.polaris下面span內的字型設定成紅色 9 polaris span 這時,如果要改變.beijixing的顏色為藍色,用下面的命令是不能實現的 10 beijixing 出現這種情況就是因為後乙...

Html引用css方法

引用css檔案到html方法 css引入,css引用 使用不同的方法來引用css樣式表,最終到達的效果相同,但是使用不同方法應用的css檔案將影響到seo及網頁開啟速度效率。html引用css方法如下 1 直接在div中使用css樣式製作div css網頁 2 html中使用style自帶式 3 使...

CSS清除浮動常用方法小結

2 使用overflow屬性。此方法有效地解決了通過空標籤元素清除浮動而不得不增加無意 的弊端。使用該方法是只需在需要清除浮動的元素中定義css屬性 overflow auto,即可!overflow auto 是讓高度自適應,zoom 1 是為了相容ie6,也可以用height 1 的方式來解決,...