CSS行高垂直外边距可以使用水平内边距、边框和外边距调整它们的间距。但是,垂直内边距、边框和外边距不影响行内框的高度。这三个属性是相互依赖的关系,改变行间距离、设置垂直对齐等都需要它们的通力合作。单行文本垂直居中是将高度和行高设置成一样的值,但高度其实是没有必要设置的
排版的可读性主要是垂直间距:
1、标题和段落之间的间距;
2、段落中的行与行之间的间距
3、等等。
这节课将学习如何使用line-height属性,垂直边距控制排版的垂直间距。
1、p>{内容},查看元素;
1、蓝色是内容;
2、橙色就是margin,外部间距;
3、看那个线框图;
4、浏览器默认样式;
1、去除默认样式;
5、margin在排版中非常重要;
6、line-heigh:就是文字每行的高度;
1、都有间距;
2、line-height可以设置跟字的高度一样;
3、line-height:1,就是1乘以这个元素中字母的高度,所以1没有空白了,显得比较难读;
4、1.618,就是5phi,设计师用这个理论很久了;这个数字的间距让人看起来确实舒服。
转载请注明:林雍岷 » CSS排版:行高,垂直,外边距