1.深入理解盒子模型_html/css_WEB-ITnose
程序员文章站
2022-04-26 12:35:02
...
盒子模型
1.盒子模型的组成:margin border padding content;
2.border:
在属性值的设置中,如果给出2个属性值,前者表示上下边框的属性,后者表示左右边框的属性;如果给出3个属性值,前者表示上边框,中间表示左右边框,后者表示下边框;如果给出4个属性值,按照上,右,下,左的顺序。设置背景的时候,浏览器覆盖的区域是content,padding,border。
2.margin:
1)需要记录的是水平的margin是相加,垂直方向的margin会造成塌陷,采用较大的margin。
2)嵌套盒子的margin:子块会以父块的content为参考。
上一篇: RHEL6上课笔记之acl
下一篇: CSS入门教程:图片边框border
推荐阅读
-
CSS中的盒子模型详解_html/css_WEB-ITnose
-
CSS定位深入理解 完全掌握CSS定位 相对定位和绝对定位_html/css_WEB-ITnose
-
深入理解WebView_html/css_WEB-ITnose
-
div盒子模型(一图胜千言)_html/css_WEB-ITnose
-
看书《DIV+CSS商业案例与网页布局开发精讲》_盒子模型、制作logo和banner_随手笔记_html/css_WEB-ITnose
-
后端码农谈前端(CSS篇)第六课:盒子模型_html/css_WEB-ITnose
-
有趣的CSS盒子模型--【牛腩新闻发布系统】_html/css_WEB-ITnose
-
深入理解Ember-Data特性(下)_html/css_WEB-ITnose
-
div盒子模型(一图胜千言)_html/css_WEB-ITnose
-
html深入理解4种dom对象_html/css_WEB-ITnose