前言

相信做過網頁的對Css都不是很陌生,它可以幫助我們重鑄網頁中很多絢麗的特效,尤其是現在Css已經發展3．0版本,很多功能更是豐富多彩,讓我們的開發時間不僅大大縮短,而且還可以輕松做出許多華麗的特效,需要注意的是,Css相當于Html的一個美化裝置,所以它必須依賴于Html才能發揮作用,那么今天我們就來深入了解下它吧。

一、如何使用CSS

要想使用Css來增加Html的美觀,有三種方式:

1)．頭部文件中定義2)．導入CSS文件
#創建一個Css文件,里面寫入樣式,然后導入3)．直接在標簽中定義

二、CSS的選擇器

為什么一開始要講選擇器了,因為我們要想精確修改的Html中的某個元素的屬性,就必須使用選擇器,它可以通過選擇器定位到某個元素上然后修改元素的樣式。

1)．id和class選擇器

id選擇器必須現在標簽中的定義,然后在在頭部標簽的style標簽中用“#”來表示:

fd

class選擇器和id選擇器差不多,只不過class選擇器用”．“來表示:

fd

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

fd

或者聲明所有標簽名為選擇器

fd

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

fd

fhsjak

re

訪問一個元素內的其它元素,可以是元素內的任意元素

erzisunzi

erzisunzi

位于元素的下一個元素,不在元素內

erzisunzi

偽類選擇器可分為三類

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

匹配第一個匹配到的標簽

fdaf

grerg

fsdjkfhkjbaidu

hw

必須要用短引用

將樣式應用到所有的元素中

*{ background:red}

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

三、總結

這篇文章主要介紹了CSS的基本用法和選擇器的基礎知識。通過對CSS的學習,相信大家應該能做出許多華麗絢爛的特效了吧,CSS的確是一個很強大的東西。

審核編輯：符乾江