网友投稿 684 2022-05-30
可以说CSS的属性几乎完全是语义化的。我们需要改变边框,那就是“border”,那我们需要右侧边框做一些改变,那就是“border-right”。很明显,接下来按照我们的需求还有“右边框的宽度——border-right-with”,”右边框颜色——border-right-color”等等等,诸如此类~
完全就是我们需要什么,只要凭着需求去寻找。~follow me~
元素默认的display值的情况如下(这个一般很少人注意这一点)
block(块级元素)
inline(内联元素)
……
list-item(项目列表)
none(不显示)
常见的属性值(属性值太多,这里只说常用的)
none:元素隐藏
block:块级元素
inline-block:内联块级元素
list-item:列表项目
表格系列方面的显示
table
table-row
示例:div+css制作表格
行级元素浮动之后,display为block。
flex(弹性盒子)
不过要结合相关的属性一起,flex-flow和flex。在响应式开发中flex非常有用。
示例:
使用盒模型相关属性将文档中的3个元素放在一行中显示,要求3个元素能够占满一行,元素自身长宽都为100px,中间间距距离相等。
示例:行式布局 flex-flow: row;
CSS web前端
版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。