Css基础

最新推荐文章于 2022-12-13 21:51:13 发布

peryuper

最新推荐文章于 2022-12-13 21:51:13 发布

阅读量156

点赞数

本文链接：https://blog.csdn.net/peryuper/article/details/113445586

版权

本文详细介绍了CSS中的行高概念，包括行高单位及其与文字大小的关系，以及盒子模型的各个方面，如边框、内边距、外边距以及边框合并。此外，还探讨了浮动布局、清除浮动、定位等核心概念，是理解CSS布局基础的实用教程。

摘要由CSDN通过智能技术生成

行高

浏览器默认文字大小
浏览器默认文字大小：16px
行高：是基线与基线之间的距离
行高=文字高度+上下边距
在这里插入图片描述
一行文字行高和父元素高度一致的时候，垂直居中显示。

总结:单位除了像素以为，行高都是与文字大小乘积。

行高单位	父元素文字大小	子元素文字大小	行高
40px	20px	30px	40px
2em	20px	30px	40px
150%	20px	30px	30px
2	20px	30px	60px

总结:
不带单位时，行高是和子元素文字大小相乘，em和%的行高是和父元素文字大小相乘。行高以像素为单位，就是定义的行高值。
◆推荐行高使用像素为单位。

Border-top-style: solid 实线
dotted 点线
dashed 虚线
Border-top-color 边框颜色
Border-top-width 边框粗细

◆边框属性的连写
特点：没有顺序要求，线型为必写项。
<

关注