【手機(jī)網(wǎng)站建設(shè)網(wǎng)站】CSS (Cascading Style Sheets,層疊樣式表單)簡(jiǎn)稱為樣式表
【手機(jī)網(wǎng)站建設(shè)網(wǎng)站】
網(wǎng)頁(yè)樣式表CSS
CSS是一種表現(xiàn)(Presentation)語(yǔ)言,用來(lái)格式化網(wǎng)頁(yè),控制字體、布局、顏色等。CSS擴(kuò)展了HTML的功能,減少了網(wǎng)頁(yè)的存儲(chǔ)空間,加快了網(wǎng)絡(luò)傳送速度。CSS的表現(xiàn)與HTML的結(jié)構(gòu)相分離,CSS通過(guò)對(duì)頁(yè)面結(jié)構(gòu)的風(fēng)格進(jìn)行控制,從而控制整個(gè)頁(yè)面的風(fēng)格。當(dāng)需要更改這些頁(yè)面的樣式設(shè)置時(shí),只要在樣式表中進(jìn)行修改,而不用對(duì)每個(gè)頁(yè)面逐個(gè)修改,大大簡(jiǎn)化了格式化的工作。
6.1 CSS概述
CSS是目前最好的網(wǎng)頁(yè)表現(xiàn)語(yǔ)言,可以最大限度地提高制作網(wǎng)頁(yè)的效率和靈活程度。現(xiàn)在,不會(huì)CSS的網(wǎng)頁(yè)制作員不能稱為專業(yè)的網(wǎng)頁(yè)制作人員。會(huì)HTML語(yǔ)言再學(xué)CSS并不難,因?yàn)镃SS跟HTML -樣也是一種標(biāo)簽語(yǔ)言,甚至很多屬性都是來(lái)源于HTML。
6.1.1 CSS的基本概念
CSS (Cascading Style Sheets,層疊樣式表單)簡(jiǎn)稱為樣式表,是用于(增強(qiáng))控制網(wǎng)頁(yè)樣式并允許將樣式信息與網(wǎng)頁(yè)內(nèi)容分離的一種標(biāo)簽語(yǔ)言。樣式就是格式,在網(wǎng)頁(yè)中,像文字的大小、顏色以及圖片位置等,都是顯示內(nèi)容的樣式。層疊是指當(dāng)在HTML文檔中引用多個(gè)定義樣式的樣式文件(CSS文件)時(shí),若多個(gè)樣式文件間所定義的樣式發(fā)生沖突,將依據(jù)層次順序進(jìn)行處理。
眾所周知,用HTML編寫網(wǎng)頁(yè)并不難,但對(duì)于一個(gè)由幾百個(gè)網(wǎng)頁(yè)組成的網(wǎng)站來(lái)說(shuō),統(tǒng)一采用相同的格式就困難了。用CSS就能解決這個(gè)問(wèn)題,因?yàn)镃SS可將樣式的定義與HTML文件分離出來(lái),只要建立一個(gè)定義樣式的CSS文件,并讓所有HTML都調(diào)用這個(gè)CSS文件所定義的樣式即可,如圖6-1所示。以后要更改HTML文檔中某段落的樣式時(shí),只需更改CSS文檔中的樣式定義。CSS不僅可以用在HTML中,還可以用在XML、JavaScript中。 CSS功能強(qiáng)大,CSS的樣式設(shè)定功能比HTML的多,幾乎可以定義所有的網(wǎng)頁(yè)元素。另外,CSS的語(yǔ)法比HTML的語(yǔ)法還容易學(xué)習(xí)?,F(xiàn)在幾乎所有漂亮的網(wǎng)頁(yè)都用了CSS,CSS已經(jīng)成為網(wǎng)頁(yè)設(shè)計(jì)必不可少的工具之一。
CSS的編輯方法同HTML -樣,可以用任何文本編輯器或網(wǎng)頁(yè)編輯軟件,也可以用專門的CSS編輯軟件。 圖6-1 HTML文件調(diào)用CSS文件的示意圖(浙江網(wǎng)站建設(shè)公司)