前言

相信做過(guò)網(wǎng)頁(yè)的對(duì)Css都不是很陌生,它可以幫助我們重鑄網(wǎng)頁(yè)中很多絢麗的特效,尤其是現(xiàn)在Css已經(jīng)發(fā)展3．0版本,很多功能更是豐富多彩,讓我們的開(kāi)發(fā)時(shí)間不僅大大縮短,而且還可以輕松做出許多華麗的特效,需要注意的是,Css相當(dāng)于Html的一個(gè)美化裝置,所以它必須依賴(lài)于Html才能發(fā)揮作用,那么今天我們就來(lái)深入了解下它吧。

一、如何使用CSS

要想使用Css來(lái)增加Html的美觀,有三種方式:

1)．頭部文件中定義2)．導(dǎo)入CSS文件
#創(chuàng)建一個(gè)Css文件,里面寫(xiě)入樣式,然后導(dǎo)入3)．直接在標(biāo)簽中定義

二、CSS的選擇器

為什么一開(kāi)始要講選擇器了,因?yàn)槲覀円刖_修改的Html中的某個(gè)元素的屬性,就必須使用選擇器,它可以通過(guò)選擇器定位到某個(gè)元素上然后修改元素的樣式。

1)．id和class選擇器

id選擇器必須現(xiàn)在標(biāo)簽中的定義,然后在在頭部標(biāo)簽的style標(biāo)簽中用“#”來(lái)表示:

fd

class選擇器和id選擇器差不多,只不過(guò)class選擇器用”．“來(lái)表示:

fd

就是指直接聲明標(biāo)簽名為選擇器,然后更改樣式

fd

或者聲明所有標(biāo)簽名為選擇器

fd

也可以使用元素加選擇器更加精確的定位到該元素

fd

fhsjak

re

訪(fǎng)問(wèn)一個(gè)元素內(nèi)的其它元素,可以是元素內(nèi)的任意元素

erzisunzi

erzisunzi

位于元素的下一個(gè)元素,不在元素內(nèi)

erzisunzi

偽類(lèi)選擇器可分為三類(lèi)

1))．錨偽類(lèi),用于檢測(cè)鼠標(biāo)的懸停狀態(tài)。 百度注:a:hover必須置于a:link和a:visited 之后,才是有效的。a:active必須被置于a:hover 之后,才是有效的。2))． :first-child偽類(lèi)

匹配第一個(gè)匹配到的標(biāo)簽

fdaf

grerg

fsdjkfhkjbaidu

hw

必須要用短引用

將樣式應(yīng)用到所有的元素中

*{ background:red}

參考文檔:W3C官方文檔(CSS篇)

三、總結(jié)

這篇文章主要介紹了CSS的基本用法和選擇器的基礎(chǔ)知識(shí)。通過(guò)對(duì)CSS的學(xué)習(xí),相信大家應(yīng)該能做出許多華麗絢爛的特效了吧,CSS的確是一個(gè)很強(qiáng)大的東西。

審核編輯：符乾江