如果你是網(wǎng)頁(yè)設(shè)計(jì)初學(xué)者,下吧!如果你想學(xué)習(xí)DIV+CSS,趕緊下吧!里面有你想象不到的精彩哦!
50個(gè)Div+CSS模板 為網(wǎng)頁(yè)模板,理解網(wǎng)頁(yè)布局
div+css
DIV+CSS是WEB設(shè)計(jì)標(biāo)準(zhǔn),它是一種網(wǎng)頁(yè)的布局方法。與傳統(tǒng)中通過(guò)表格(table)布局定位的方式不同,它可以實(shí)現(xiàn)網(wǎng)頁(yè)頁(yè)面內(nèi)容與表現(xiàn)相分離。提及DIV+CSS組合,還要從XHTML說(shuō)起。XHTML是一種在HTML基礎(chǔ)上優(yōu)化和改進(jìn)的新語(yǔ)言,目的是基于XML應(yīng)用與強(qiáng)大的數(shù)據(jù)轉(zhuǎn)換能力,適應(yīng)未來(lái)網(wǎng)絡(luò)應(yīng)用更多的需求。
“DIV+CSS”其實(shí)是錯(cuò)誤的叫法,而標(biāo)準(zhǔn)的叫法應(yīng)是XHTML+CSS。因?yàn)镈IV與Table都是XHTML或HTML語(yǔ)言中的一個(gè)標(biāo)記,而CSS只是一種表現(xiàn)形式。也許其提出者本意并沒(méi)有錯(cuò),但是跟風(fēng)者從表現(xiàn)曲解了其意思,認(rèn)為整個(gè)頁(yè)面就應(yīng)當(dāng)是DIV+CSS文件的組合。
方法
css是層疊樣式表(Cascading Style Sheets)的縮寫(xiě),用于定義HTML元素的顯示形式,是W3C推出的格式化網(wǎng)頁(yè)內(nèi)容的標(biāo)準(zhǔn)技術(shù)。網(wǎng)頁(yè)設(shè)計(jì)者必須掌握的技術(shù)之一。
在HTML文檔中加入CSS
樣式表可分為嵌入式樣式表、外部樣式表和內(nèi)聯(lián)樣式表三種,在同一文檔內(nèi)可以同時(shí)使用三種方法。
發(fā)展
1、樣式定義放在一個(gè)單獨(dú)的文件中,例:新建一個(gè)后輟為CSS的樣式定義。
元素{ 屬性color:值red;} 在head段使用<link>標(biāo)記,
引用語(yǔ)法:<link rel=”stylesheet” type=”text/css” href=”樣式表URL” />
2、嵌入式樣式表:
<style>元素段必須出現(xiàn)在head段內(nèi),有一個(gè)開(kāi)始和結(jié)束標(biāo)記,并且可以有多個(gè)<style>段
語(yǔ)法格式: <style type=”text/css”>
…樣式定義…