摘要：
问题1：会造成img底部有空白的问题 行内元素的vertical-align(该属性适用于行内元素和table-cell元素)默认是baseline 解决： 1: 设置vertical-align：top/bottom/middle; 2: 设置line-height:0px 或 font-size 阅读全文
posted @ 2017-09-24 19:12
rqpjuicy
阅读(411)
评论(0)
推荐(0)
摘要：
可取的四个值：static/relative/absolute/fixed static：默认值，top/right/bottom/left 无作用，z-index无效 relative：相对于原来的位置进行偏移。 不管它是否进行移动，元素仍要占据它原来的位置。 absolute： 以父代元素不为s 阅读全文
posted @ 2017-09-24 18:03
rqpjuicy
阅读(125)
评论(0)
推荐(0)
摘要：
分为三种：普通流、浮动、绝对定位 普通流：默认，html文档的排列顺序块级从上到下（垂直距离由margin-top、margin-bottom决定）；行内元素在一行中从左到右（由margin-left/right、padding-left/right调整水平距离） PS：相对定位属于其一部分 浮动： 阅读全文
posted @ 2017-09-24 17:44
rqpjuicy
阅读(138)
评论(0)
推荐(0)
摘要：
盒模型分为两种：标准盒模型、怪异盒模型 区别：width范围 标准盒模型：content 怪异盒模型：content+padding+border 指定盒模型：box-sizing:content-box/border-box 阅读全文
posted @ 2017-09-24 16:55
rqpjuicy
阅读(828)
评论(0)
推荐(0)
摘要：
块级元素使用float属性后，将其属性变成inline-block，不能改变其块级元素的性质，只是能有块级元素的特性，不独占一行，宽度不会占满父元素，和行内元素排列成一行 行内元素使用float属性后，也是将其属性变成inline-block，可以设置宽高，padding，margin属性 阅读全文
posted @ 2017-09-24 16:49
rqpjuicy
阅读(502)
评论(0)
推荐(0)
浙公网安备 33010602011771号