1、css外边距margin
margin-top：上外边距
margin-right：右外边距
margin-bottom：下外边距
margin-left：左外边距
合写：
margin：10px 0 20px 200px； 上 右 下 左外边距
margin：10px 200px；上下10px 左右200px
margin：0 auto； 上下0 左右自动居中（水平居中）
2、行内元素设置内外边距的影响
行内元素 不要给上下的margin和padding，上下的margin、padding会被省略，左右的margin、padding会起到作用
3、盒子内容的宽和高的占用空间
width和height是内容区域的宽高
盒子的宽度=左边距+左内边距（padding）+width+右padding+右边距
4、第一种外边距合并的情况
上盒子的下外边距20px，下盒子的上外边距是30px，两个盒子之间上下距离就是30px，不是50px
5、第二种外边距合并的情况
父元素无上内边距及变宽
则父元素的上外边框会和子元素的上外边距发生合并，合并后外边距为两者的较大者
1、css外边距margin margin-top：上外边距 margin-right：右外边距 margin-b...
盒子模型的概念 盒子模型就是把HTML页面中的元素看作是一个矩形的盒子，也就是一个盛装内容的容器。每个矩形都由元素...
1. 去掉图片的边框（有的老的浏览器里图片是有边框的）为了兼容我们经常去掉边框如下 2. div.box$*3 ...
1.CSS1 2.CSS2 3.CSS3
CSS第三节 CSS盒模型 网页中所有的元素都是矩形的，所以可以看出一个个盒子。 网页由多个盒子组成。 盒子：边框...
CSS版本 CSS Level1 CSS Level 2(CSS 2.1规范) CSS Level 3 CSS规则...
CSS装修学习在css的div里写text-align可以调整文本框内容显示方法，center是居中显示。在文本显...
盒子模型 padding 内边距 margin：外边距 border：盒子 width：元素宽 height：元素...
1 positionhtml CSS 2 flexhtml CSS
css2 css3
本文标题：css第三节（2）
本文链接：https://www.haomeiwen.com/subject/chwnwttx.html
网友评论