CSS相关
x_前端胖头鱼
这个作者很懒,什么都没留下…
展开
-
关于font-family字体以及-webkit-font-smoothing的CSS3字体属性
关于font-family字体以及-webkit-font-smoothing的CSS3字体属性原创 2021-07-22 11:00:13 · 308 阅读 · 0 评论 -
关于CSS writing-mode 属性的认识
属性定义及使用说明:writing-mode 属性定义了文本在水平或垂直方向上如何排布。语法格式如下:writing-mode: horizontal-tb | vertical-rl | vertical-lr | sideways-rl | sideways-lrhorizontal-tb:水平方向自上而下的书写方式。即 left-right-top-bottomvertical-r...原创 2019-10-12 10:04:57 · 221 阅读 · 0 评论 -
关于css行高line-height的一些笔记
前言对于CSS中的行高并没清楚的理解,为了更加理解其原理,通过查找了很多博客以及资料,对行高有了进一步的理解,下面通过这张图(在很多博客中有引用),对顶线、中线、基线、底线、行高、行内框、行框的理解有所帮助。在英文字母中有一个关键的字母x,具有其特殊的非常重要的意义,而CSS中的基线,正是字母x的下沿线,中线则是x的交叉点的水平线,底线是文本内容区的下沿线,顶线是文本内容区的上沿线,一定得记...原创 2019-03-15 10:07:53 · 356 阅读 · 0 评论 -
理解z-index属性
理解CSS的 z-index属性通常情况下,HTML页面可以被认为是二维的,因为文本,图像和其他元素被排列在页面上而不重叠。在这种情况下,只有一个渲染进程,所有元素都知道其他元素所占用的空间。 z-index属性可让你在渲染内容时调整对象分层的顺序。在 CSS 2.1 中, 所有的盒模型元素都处于三维坐标系中。 除了我们常用的横坐标和纵坐标, 盒模型元素还可以沿着“z 轴”层叠摆放, 当他们相...原创 2019-03-12 16:22:23 · 755 阅读 · 0 评论