Css中的框模型怎么设置
这篇“Css中的框模型怎么设置”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“Css中的框模型怎么设置”文章吧。
在奉新等地区,都构建了全面的区域性战略布局,加强发展的系统性、市场前瞻性、产品创新能力,以专注、极致的服务理念,为客户提供成都做网站、网站设计、外贸营销网站建设 网站设计制作定制制作,公司网站建设,企业网站建设,成都品牌网站建设,成都全网营销,成都外贸网站制作,奉新网站建设费用合理。
框模型别名:方框属性、盒子属性、盒子模型
框模型主要设置了元素的 外边距、内边距、边框、宽度、高度
元素实际宽度 =左外边距 +左边框 +左内边距 +宽度 +右内边距 +右边框+右外边距;
什么是外边距?即围绕在元素边框周围的空白区域,页面会为元素增加额外的空白距离,外边距是透明的,位置在边框外
属性:margin
统一设置四个方向的外边距
margin : value,如 margin:10px;
单方向设置
margin-left/right/top/bottom : value;
margin简写
margin:value ; (四个方向)
margin:value(上下) value(左右);
margin:value(上) value(左右) value(下);
margin:value(上) value(右) value(下) value(左);
margin取值(单位) px,%;
auto :如果左右外边距设置为 auto的话,那么当前元素在它外层容器中就会水平居中显示,多数使用在块级元素在其外层容器内的水平居中
取值为负:
外边距合并
当两个垂直外边距相遇时,他们将形成1个外边距。称为外边距合并。外边距的值,以大值为主。
问题
内外嵌套的div元素,如果设置内层div的margin-top,默认会作用于外层div的margin-top上,而内层没有任何效果。
解决方案:
1、外层元素添加边框
2、通过外层元素的上内边距来实现
3、内边距
什么是内边距,即内容区域与边框之间的控件
特点:元素一单设置了内边距后,会扩大整个元素区域
属性
padding : value;上下左右
padding : value(上下) value(左右);
padding : value value value;
padding : value value value value;
padding-top:
padding-bottom:
padding-left:
padding-right:
css重写 /重置
取消了一些元素(ul,p,h2 ....)自带的样式
*{
margin:0px;
padding:0px;
}
ul{
padding:20px;
}
以上就是关于“Css中的框模型怎么设置”这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注创新互联行业资讯频道。
分享文章:Css中的框模型怎么设置
本文链接:http://myzitong.com/article/gcohcs.html