一、行高line-height的定义及使用
行高指的是两行文字两条基线之间的距离
行高的作用:
1、让文字垂直居中(只要设置文字的行高值=当前文字所在容器的高度)
2、可以通过行高调整文字上下的间距(具体的使用测量还没待学习,后续更新)
二、盒子模型
1、边框(border)
border-color: 设置边框颜色
border-style: 设置边框样式的(none 默认没有边框、solid 实线边框、dashed 虚线边框、dotted 点线边框)
border-width: 设置边框的宽度
边框合写方式:
border:orange dottted 20px
使用border属性连写的时候,必须设置border-style。
没有顺序的限制
单独设置每一条边框的样式合写方式:
去掉边框:
border-style: none 或者 border: none;
去掉轮廓线:
outline-style: none;
获取鼠标焦点的时候设置样式:
input:focus {}
2、内边距(padding)
合写:
3、外边距(margin)
外边距特性:
垂直外边距塌陷:如果给子元素设置margin-top的时候,发现父元素也跟着子元素向下移动。
解决办法:
(1)给父元素设置边框
(2)给父元素设置overflow:hidden;
垂直外边距合并:
在设置上下外边距的时候,会以最大值为准。
友情提示:不能给行内元素设置上下内外边距。
注意: 如果希望给行内元素设置上下内外边距,请进行模式转换!!!!!!!