CSS細節知識
細節知識點
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-right
padding:設置內邊距屬性padding-top
padding-bottom
padding-left
padding-right
margin和padding的區別margin是指從自身邊框到另一個容器邊框之間的距離,就是容器外距離。(外邊距)padding是指自身邊框到自身內部另一個容器邊框之間的距離,就是容器內距離。(內邊距)作者:又見月尚初鏈接:https://www.jianshu.com/p/e462b4273190來源:簡書著作權歸作者所有。商業轉載請聯繫作者獲得授權,非商業轉載請註明出處。推薦閱讀: