发表于: 2018-05-17 21:41:10
1 569
今天完成的事情:
CSS text-align 属性
text-align 属性规定元素中的文本的水平对齐方式。
该属性通过指定行框与哪个点对齐,从而设置块级元素内文本的水平对齐方式。通过允许用户代理调整行内容中字母和字之间的间隔,可以支持值 justify;不同用户代理可能会得到不同的结果。

CSS line-height 属性
设置以百分比计的行高:
定义和用法
line-height 属性设置行间的距离(行高)。
注释:不允许使用负值。
说明
该属性会影响行框的布局。在应用到一个块级元素时,它定义了该元素中基线之间的最小距离而不是最大距离。
line-height 与 font-size 的计算值之差(在 CSS 中成为“行间距”)分为两半,分别加到一个文本行内容的顶部和底部。可以包含这些内容的最小框就是行框。
原始数字值指定了一个缩放因子,后代元素会继承这个缩放因子而不是计算值。
例子;

CSS vertical-align 属性
实例
垂直对齐一幅图像:

vertical-align 属性设置元素的垂直对齐方式。
CSS text-indent 属性
text-indent 属性规定文本块中首行文本的缩进。
注释:允许使用负值。如果使用负值,那么首行会被缩进到左边。
注意:在 CSS 2.1 之前,text-indent 总是继承计算值,而不是声明值。
说明
用于定义块级元素中第一个内容行的缩进。这最常用于建立一个“标签页”效果。允许指定负值,这会产生一种“悬挂缩进”的效果
CSS letter-spacing 属性
定义和用法
letter-spacing 属性增加或减少字符间的空白(字符间距)。
该属性定义了在文本字符框之间插入多少空间。由于字符字形通常比其字符框要窄,指定长度值时,会调整字母之间通常的间隔。因此,normal 就相当于值为 0。
注释:允许使用负值,这会让字母之间挤得更紧。
自己动手写了一点,也动手实验了,总结了那么多知识点。然后把所学的知识点写到了笔记里面
明天计划的事情:
把剩下的知识点动手实验一下
遇到的问题:
暂时还没有,但是我还是要多看那些知识点,要不然就很快就忘了
收获:
CSS text-align 属性
CSS line-height 属性
CSS vertical-align 属性
CSS text-indent 属性
CSS letter-spacing 属性的详解
评论