css是我们在学习网页开发的时候需要重点掌握的开发技术之一,而今天我们就一起来了解一下,css样式表中文本属性都包含哪些内容。
1.文本属性
在CSS中,文本指的是标签中的文字内容,我们可以控制一些特定的文本属性,常用的包含:
color:标签中的文本颜色,使用颜色名或#212131这样的编码
line-height:每行文本的高度,用像素单位设置
text-align:文本的对齐属性,包含left、right、center(居中)
text-decoration:文本的修饰内容,包含none、underline(下划线)、line-through(删除线)等设置
word-spacing:字间距,用像素单位设置
这里就不每个属性都演示一次了,大家可以自己动手试试。我们主要关注text-align这个属性。
text-align这个属性有向下继承的特性,即我们在父标签中定义了对齐方向,那么子标签也会遵守这个方向。
2.字体属性
在CSS中,字体属性和本文属性是分开的,这是很容易搞混的东西。字体属性用的是font属性,而在font下还包含若干常用的属性:
font-family:设置文字的字体
font-size:文字的字号,用像素表示
font-style:字体风格,包含normal(默认)、italic(斜体)、oblique(倾斜)
font-weight:字体的字重,可以用数字也可以字体自带字种
在字体设置的规则上,并不是我们想怎么设置都可以,而是考虑用户有什么字体。
因为浏览器对文字的渲染是通过用户本地的字库来完成的,这也是为什么我们设计UI和网页的时候不能随心所欲用字体的原因之一。
在中文界面中,通常我们不用去设置中文字体,但可以为英文或数字文本设置一些常见的英文字体,例如「Arial」,「Futura」等。
并且可以设置多个字体,通过逗号隔开,如果一个字体用户没有,那么会自动替换成下一个字体。
3.列表属性
列表在实际应用中非常的普遍,CSS有专门针对列表的属性设置,即list-style属性,它还包含下面一些属性类型:
list-style-image:列表项符号替换成图片的设置;
list-style-postion:列表项符号图片所处的位置;
list-style-type:列表项符号的类型,包含none、disc(实心圆)、circle(空心圆)、suqare(方形)、decimal(数字)等;
list-style这个属性只能作用在ul、ol、li标签,对其它标签无效。对于列表项的图像设置我们先撇开不谈,我们设置多的数值就是采用none,否则浏览器会自带列表项符号(很丑)。
【免责声明】本文系本网编辑部分转载,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与管理员联系,我们会予以更改或删除相关文章,以保证您的权益!更多内容请在707945861群中学习了解。