這篇文章主要講解了“CSS基本用法和選擇器知識有哪些”,文中的講解內(nèi)容簡單清晰,易于學習與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學習“CSS基本用法和選擇器知識有哪些”吧!
十年專注成都網(wǎng)站制作,成都企業(yè)網(wǎng)站建設,個人網(wǎng)站制作服務,為大家分享網(wǎng)站制作知識、方案,網(wǎng)站設計流程、步驟,成功服務上千家企業(yè)。為您提供網(wǎng)站建設,網(wǎng)站制作,網(wǎng)頁設計及定制高端網(wǎng)站建設服務,專注于成都企業(yè)網(wǎng)站建設,高端網(wǎng)頁制作,對葡萄架等多個領(lǐng)域,擁有多年建站經(jīng)驗。
一、如何使用CSS
要想使用Css來增加Html的美觀,有三種方式:
1).頭部文件中定義
2).導入CSS文件
#創(chuàng)建一個Css文件,里面寫入樣式,然后導入
3).直接在標簽中定義
Css注釋
注:與Html 不同,它的注釋方式是:/* Css語句*/
二、CSS的選擇器
為什么一開始要講選擇器了,因為我們要想精確修改的Html中的某個元素的屬性,就必須使用選擇器,它可以通過選擇器定位到某個元素上然后修改元素的樣式。
1).id和class選擇器
id選擇器必須現(xiàn)在標簽中的定義,然后在在頭部標簽的style標簽中用“#”來表示:
Css應用 fd定義一個id為dv的div
class選擇器和id選擇器差不多,只不過class選擇器用”.“來表示:
Css應用 fd
2).元素選擇器
就是指直接聲明標簽名為選擇器,然后更改樣式
Css應用 fd
或者聲明所有標簽名為選擇器
Css應用 fd
也可以使用元素加選擇器更加精確的定位到該元素
Css應用 fdfhsjak
re
3).后代選擇器
訪問一個元素內(nèi)的其它元素,可以是元素內(nèi)的任意元素
Css應用 erzi sunzi
4).子元素選擇器
Css應用 erzi sunzi
5).兄弟選擇器
位于元素的下一個元素,不在元素內(nèi)
Css應用 borthererzi sunzi
6).偽類選擇器
偽類選擇器可分為三類
1)).錨偽類,用于檢測鼠標的懸停狀態(tài)。
Css應用 百度 注:a:hover必須置于a:link和a:visited 之后,才是有效的。a:active必須被置于a:hover 之后,才是有效的。
2)). :first-child偽類
匹配第一個匹配到的標簽
Css應用
3)). :lang偽類
Css應用 hw
必須要用短引用任性的90后boy
7).通用選擇器
將樣式應用到所有的元素中
*{ background:red }
感謝各位的閱讀,以上就是“CSS基本用法和選擇器知識有哪些”的內(nèi)容了,經(jīng)過本文的學習后,相信大家對CSS基本用法和選擇器知識有哪些這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是創(chuàng)新互聯(lián),小編將為大家推送更多相關(guān)知識點的文章,歡迎關(guān)注!