DIV CSS 佈局教程網

這裡ThinkCSS講解的是DIV標簽內直接使用CSS樣式表。

目錄

1. 介紹與解釋
2. 用法
3. 擴展與疑問

一、介紹與解釋DIV標簽內CSS樣式

標簽內直接嵌入使用CSS樣式使用的style屬性，具體DIV CSS代碼如下：

<div style="font-size:14px; width:100px; height:20px; border:1px solid #999; line-height:20px; color:#F00;">

二、DIV標簽內CSS樣式使用方法

可見在DIV中要想直接使用嵌入CSS樣式，只需使用style=“...”即可。

CSS知識擴展

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