網(wǎng)友投稿 829 2022-05-30
可以說CSS的屬性幾乎完全是語義化的。我們需要改變邊框,那就是“border”,那我們需要右側(cè)邊框做一些改變,那就是“border-right”。很明顯,接下來按照我們的需求還有“右邊框的寬度——border-right-with”,”右邊框顏色——border-right-color”等等等,諸如此類~
完全就是我們需要什么,只要憑著需求去尋找。~follow me~
元素默認(rèn)的display值的情況如下(這個一般很少人注意這一點)
block(塊級元素)
inline(內(nèi)聯(lián)元素)
……
list-item(項目列表)
none(不顯示)
常見的屬性值(屬性值太多,這里只說常用的)
none:元素隱藏
block:塊級元素
inline-block:內(nèi)聯(lián)塊級元素
list-item:列表項目
表格系列方面的顯示
table
table-row
示例:div+css制作表格
行級元素浮動之后,display為block。
flex(彈性盒子)
不過要結(jié)合相關(guān)的屬性一起,flex-flow和flex。在響應(yīng)式開發(fā)中flex非常有用。
示例:
使用盒模型相關(guān)屬性將文檔中的3個元素放在一行中顯示,要求3個元素能夠占滿一行,元素自身長寬都為100px,中間間距距離相等。
示例:行式布局?flex-flow: row;
CSS web前端
版權(quán)聲明:本文內(nèi)容由網(wǎng)絡(luò)用戶投稿,版權(quán)歸原作者所有,本站不擁有其著作權(quán),亦不承擔(dān)相應(yīng)法律責(zé)任。如果您發(fā)現(xiàn)本站中有涉嫌抄襲或描述失實的內(nèi)容,請聯(lián)系我們jiasou666@gmail.com 處理,核實后本網(wǎng)站將在24小時內(nèi)刪除侵權(quán)內(nèi)容。