對於初學者來說，css中的width、height的預設值是很神奇的，因為經常看到如下這樣的**：明明只給乙個#father標籤（紅色的div）設定了乙個width，為啥它在瀏覽器中顯示出來是有乙個固定的height的呢。
於是就去w3c上搜尋，發現height的預設值都是auto，也就是說上一行**中的height是預設值auto。那麼為什麼會程式設計100px的高度呢。
通過查閱資料得知，如果將height設為auto，那麼該標籤的高度將由它的子標籤的高來決定。也就是說會子標籤會撐開父級標籤。上面**就是因為.son的100px的高度撐開了父標籤father的高度。
那麼寬度是否也會被撐開呢？
於是自己繼續做了一次實驗：把father的width注釋，執行後發現father的寬度和瀏覽器等寬。查資料發現對於div標籤來說width預設是100%，就是和父級標籤等寬。所以不設father的寬度，他就預設等於body的寬度了。
css 元素的width height屬性
元素的width height屬性 本文介紹width與height屬性的 1 預設值 和 2 顯式設定百分比 情況下的計算方法。1 預設值 以下情況會預設 繼承 直接父元素的，無需顯式設定width height值 無float和position的且是block的元素 若非上述情況且不顯式設定寬高...
CSS 關於css中的border
曾經一直以為html中的border是直角的，直到有一天 test效果如下 突然有一種被欺騙了的感覺。我們可以選擇理解乙個border為兩個三角形再加乙個矩形。如上所示。繪製小尾巴 當對乙個角應用圓角樣式，如果這個角相鄰的兩個border乙個有定義而乙個無定義，那麼繪製的結果就是由粗到細的 小尾巴了...
CSS中引入CSS樣式的方法
html宣告標籤 定義和用法 宣告必須是html文件的第一行，位於標籤之前。宣告不是html標籤 他是指示web瀏覽器關於頁面使用哪個html版本進行編寫的指令 在html4.0中，宣告引用dtd，因為html4.01基於sgml。dtd規定了標記語言的則 這樣瀏覽器才能正確的呈現內容。html5不...