DIV+CSS技術在網(wǎng)頁布局中的應用實現(xiàn)

李雙遠，李阿輝

(吉林化工學院信息中心，吉林吉林132022)

DIV全稱division意為“區(qū)塊、分割”，DIV標簽是一個無意義的容器標簽，用于將頁面劃分出不同的區(qū)域.通過DIV將復雜的頁面進行細分塊，可以將問題細分一個一個解決，所以通過DIV將頁面分塊是一個關鍵的工作，也是決定最終效果與質(zhì)量的前提.

CSS(Cascading Style Sheet)，中文翻譯為層疊樣式表，是用于控制網(wǎng)頁樣式并允許將樣式信息與網(wǎng)頁內(nèi)容分離的一種標記性語言.CSS的引入就是為了使得HTML語言能夠更好地適應頁面的美工設計并且隨即引發(fā)了網(wǎng)頁設計的潮流，使用CSS設計的優(yōu)秀頁面層出不窮［1-3］.

1 CCS樣式的基礎應用

1.1 CSS控制頁面的方式

·行內(nèi)樣式

＜div style="屬性1:值1;屬性2:值2;"＞＜/div＞

行內(nèi)樣式一般用于需要單獨控制的元素，因為行內(nèi)樣式的優(yōu)先級是最高的.

·嵌入樣式

＜style type="text/css"＞

選擇器{屬性1:值1;屬性2:值2;}

＜/style＞

嵌入樣式一般是直接寫在html文檔頭部的一種樣式，為了文檔的整潔性和易于控制操作性，當需要寫大量樣式代碼的時候，是不用嵌入樣式的.

·外部樣式

＜link rel="stylesheet"type="text/css"href="url"＞

這段代碼是放在html文檔頭部的，用于調(diào)用外部的樣式.前面兩種樣式我們一般都不用于有大量樣式代碼的情況，那么這種方式當選最為合適.

·導入樣式

@import url(外部樣式表位置);

·優(yōu)先級別:

-行內(nèi)樣式表＞其他的樣式表

-其他的樣式表，優(yōu)先級一樣，按照導入的順序來確定他們是否起

作用.

1.2 CSS 選擇器

CSS控制樣式，那么CSS是怎么控制到元素的呢?這點正是因為CSS具有強大且眾多的CSS選擇器，也正是因為擁有眾多選擇器，CSS才能夠運用自如……