細節知識點

1、塊級元素的高度是由他裡面所有文檔流元素的總和決定文檔流:文檔內元素的流動方向 內聯元素從左往右流動 ,塊級元素從上往下每個塊級佔一行寬度不夠會另起一行

2、脫離文檔流:

影響div的高度,脫離了之後,就影響不了父元素的高度,其中一種脫離方式:position: fixed 用於導航欄,懸浮一直存在3、文字的水平居中

將一段文字置於容器的水平中點,只要設置text-align屬性即可:

text-align:center;4、容器的水平居中先為該容器設置一個明確寬度,然後將margin的水平值設為auto即可。div#container {

width:940px;

margin-left:auto margin-right:auto  }

border:1px solid red:設置一個1像素的紅色邊框,用於查看大小位置等,很方便,使用完了刪掉即可

font-size:字體大小font-weight:bold :字體加粗color:顏色

text-decoration :字體裝飾 例如下劃線、中劃線、頂劃線、刪除線或者閃爍

最大寬度:max-width:940px最大寬度不能超過940px,最大寬度要比直接設置寬度屬性好一些margin:設置外邊距屬性四個外邊距屬性設置分別是 margin-top margin-bottom margin-left margin-rightpadding:設置內邊距屬性padding-top padding-bottom padding-left padding-rightmargin和padding的區別margin是指從自身邊框到另一個容器邊框之間的距離,就是容器外距離。(外邊距)padding是指自身邊框到自身內部另一個容器邊框之間的距離,就是容器內距離。(內邊距)作者:又見月尚初鏈接:jianshu.com/p/e462b4273來源:簡書著作權歸作者所有。商業轉載請聯繫作者獲得授權,非商業轉載請註明出處。
推薦閱讀:
相關文章