计算机样式包含哪些属性,css样式表中文本属性都包含哪些内容

css是我们在学习网页开发的时候需要重点掌握的开发技术之一,而今天我们就一起来了解一下,css样式表中文本属性都包含哪些内容。

61634fdbd6354d3eaa5d292714853acb.png

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群中学习了解。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值