前言
相信做過網頁的對Css都不是很陌生,它可以幫助我們重鑄網頁中很多絢麗的特效,尤其是現在Css已經發展3．0版本,很多功能更是豐富多彩,讓我們的開發時間不僅大大縮短,而且還可以輕松做出許多華麗的特效,需要注意的是,Css相當于Html的一個美化裝置,所以它必須依賴于Html才能發揮作用,那么今天我們就來深入了解下它吧。
一、如何使用CSS
要想使用Css來增加Html的美觀,有三種方式:
1)．頭部文件中定義2)．導入CSS文件
#創建一個Css文件,里面寫入樣式,然后導入3)．直接在標簽中定義
Css注釋注:與Html 不同,它的注釋方式是: Css語句
二、CSS的選擇器
為什么一開始要講選擇器了,因為我們要想精確修改的Html中的某個元素的屬性,就必須使用選擇器,它可以通過選擇器定位到某個元素上然后修改元素的樣式。
1)．id和class選擇器
id選擇器必須現在標簽中的定義,然后在在頭部標簽的style標簽中用“#”來表示:
fd
定義一個id為dv的div
class選擇器和id選擇器差不多,只不過class選擇器用”．“來表示:
fd
2)．元素選擇器
就是指直接聲明標簽名為選擇器,然后更改樣式
fd
或者聲明所有標簽名為選擇器
fd
也可以使用元素加選擇器更加精確的定位到該元素
fd
fhsjak
re
3)．后代選擇器
訪問一個元素內的其它元素,可以是元素內的任意元素
erzisunzi
4)．子元素選擇器
erzisunzi
5)．兄弟選擇器
位于元素的下一個元素,不在元素內
erzisunzi
borther6)．偽類選擇器
偽類選擇器可分為三類
1))．錨偽類,用于檢測鼠標的懸停狀態。 百度注:a:hover必須置于a:link和a:visited 之后,才是有效的。a:active必須被置于a:hover 之后,才是有效的。2))． :first-child偽類
匹配第一個匹配到的標簽
fdaf
grerg
fsdjkfhkjbaidu
3))． :lang偽類
hw
必須要用短引用
7)．通用選擇器
將樣式應用到所有的元素中
*{ background:red}
參考文檔:W3C官方文檔(CSS篇)
三、總結
這篇文章主要介紹了CSS的基本用法和選擇器的基礎知識。通過對CSS的學習,相信大家應該能做出許多華麗絢爛的特效了吧,CSS的確是一個很強大的東西。