?玩一小會兒前csdn什么時候，頁面上的加qq而微博，我認為這是美好的。牛腩完成。運營商也開始了他真正的學習B/S之旅。

剛開始的時候，我不知道<div>是什么?也不清楚CSS用來干什么的，敲完了回過頭來再看，好像明確了一些。BS正在進門中 。寫的不正確各位多多指正。

CSS

??? 總體來說css中包含各種各樣的樣式屬性。用于控制字體，顏色，對齊方式和邊距，這些僅僅是網頁樣式

??? 的一些方面。

css的樣式屬性分為兩大類。

??? 布局屬性：由影響網頁上元素位置的屬性（如邊距?填充?對其等等）組成 。

??? 格式化屬性，由影響站點中元素的視覺顯示的屬性（如字體類型，大小，顏色等）組成。

??? CSS的層疊

css樣式單中的層疊表示樣式單規則應用與HTML文檔元素的方式。即css樣式單中的樣式形成一個層次結構。更詳細的樣式覆蓋通用樣式。樣式規則的優先級有css更具這個層次結構決定，從而實現練級效果。

也能夠看成一種類似繼承的關系，子類繼承父類的特征。基本樣式規則適用于整個樣式單，但可被更詳細的樣式規則覆蓋。

我們用一個簡單的樣例看一下。你能猜出以下文本的顏色么？

<span style="font-family:KaiTi_GB2312;font-size:18px;"><div style="color:green">this text is green.<p style="color:blue"> this text is blue.</p><p> this text is stil green.</p> </div></span>
結果是這種

????????????????

在這個樣例中，顏色green?通過樣式屬性color?應用于<div>標簽。

因此<div>標簽本是綠色的。因為<p>標簽是<div>標簽的子標簽。因此綠色的文本樣式傳遞給<p>中的文本

。然而第一個<p>標簽覆蓋了color樣式，將它改為藍色。最后的結果是，第一段文本是藍色的，第二段文本為傳遞而來的綠色。

DIV+CSS

??? 假設有三個或者很多其它的網頁使用類似的格式和字體，我們可能想為它們創建一個樣式單，將樣式直接應用于網頁中的HTML。牛腩中用到的div+css非常像我們以前玩過的給小人穿衣服的游戲。

div?會給我們建造出主要的部件，而由css?決定每個部件的樣式是什么。div會告訴我們有帽子，有外套。有首飾，有鞋子。css?就是的各種款式?顏色的衣服和帽子。用比較專業的術語來說就是應用div+css?讓結構和表現分離。

?????????????

css盒子模型

??? 一個網頁是被分解成若干區塊來控制頁面框架的。這些區塊都是為了放置?網也不通元素服務的。這就引入了”盒子模型“HTML中的每一個元素被考慮為一個”盒子“，無論這個元素是段落，<div>?還是圖像。

盒子有一致的屬性。下圖是盒子模型的圖解。描寫敘述了每一個HTML塊級元素可能的邊框，填充和邊距。以及邊框?填充和邊距的應用方式。換句話說，全部元素的內容和邊框之間都有一些填充。

?????????????????????

Table與div+css的差別

??? HTML中另一類應用table，Table標簽就是表格。是用來顯示數據的，而不是用來布局網頁的，

盡管它有時候布局網頁非常easy，可是一個大型的網頁假設用表格嵌套的表格來布局的話，對于網

頁的顯示是極為不利的，由于，一個表格僅僅有在其全然讀取完才會顯示出來。大型的表格要讀取

完須要時間，不利于用戶的閱讀，用戶對網頁的等待時間是非常短的，你的網頁非常慢非常慢的顯示出

來的時候。 用戶一般會告訴你“別讓我等”。

????????? DIV+CSS布局最大的長處還在于，網頁布局的更改性，哪天你想要改變網頁布局的話，僅僅須要更

???? 改你的CSS文件就可以。而沒有必要像曾經那樣，又一次編制一份大型的表格嵌套表格的網頁布局，

???? 極大的方便了網頁的維護和優化工作。

???? 注意我們以上討論的是table布局。

而不是否定table標簽的作用。

以上是個HTML一些了解的內容。BS剛開始。

版權聲明：本文博客原創文章。博客，未經同意，不得轉載。

轉載于:https://www.cnblogs.com/hrhguanli/p/4650266.html

總結

以上是生活随笔為你收集整理的DIV+CSS 入门的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。