DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> DIV標簽內的CSS樣式
DIV標簽內的CSS樣式
編輯:CSS詳解     

這裡DIVCSS5講解的是DIV標簽內直接使用。

介紹與解釋DIV標簽內CSS樣式 -
標簽內直接嵌入使用CSS樣式使用的style屬性,具體如下:
<div style="font-size:14px; width:100px; height:20px; border:1px solid #999; line-height:20px; color:#F00;">

DIV標簽內CSS樣式使用方法 -
可見在DIV中要想直接使用嵌入CSS樣式,只需使用style=“...”即可。

擴展: -

為什麼我們不直接在DIV嵌入CSS樣式的方法來定義布局網頁呢?
答:
1、減少文件的大小
2、方便維護(網頁樣式外鏈CSS文件) :外部CSS文件一改全站樣式即改
3、html文件更加優化
4、相同樣式的定義重用節約。
所以推薦大家使用外部方式使用CSS樣式,一來可以減少文件大小,二來可以方便維護(特別是網站項目中多頁面引用同一CSS文件)網頁布局與樣式。

 
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved