CSS常用文本样式

本文介绍了CSS中的文本样式,包括继承性、层叠权重的选取属性和`!important`的使用。详细讲解了行高、字体大小、字体、字体加粗、字体样式、文本溢出、段落对齐方式、文本缩进、文本修饰等属性,并提供了相应的示例。
摘要由CSDN通过智能技术生成

css样式

1.继承

继承性:
继承属性是由父级添加的属性进行继承的。
有一些属性给父类或祖先元素设置后,其后代元素也会继承该样式,这就叫做继承性。

继承性是从当前元素开始,一直到最小的元素。

后代元素能够继承来自祖先元素的文字样式。这些属性包括:color,text-开头,line-开头的,font-开头的。

示例:
在这里插入图片描述
在这里插入图片描述
这里给div标签添加的样式并没有给p标签添加。
在这里插入图片描述
然而p标签还是有样式存在,这就是继承性。
【注】关于盒子、定位、布局的属性,不能被继承。

2.层叠权重的选取属性

样式表:行内式>内嵌式与外链式 (就近原则)。
选择器:ID选择器>类选择器>标签选择器。

复杂选择器权重的计算比较数基础选择器的数量:
ID选择器的数量
类选择器的数量
标签选择器的数量
ID选择器的权重记为100,类选择器记为10,标签选择器记为1。
比如:
在这里插入图片描述
三个分别为id选择器,类选择器,标签选择器。

权重相同时,比较书写顺序,在后面的会覆盖前面的。
【注】
1.并集选择器计算权重时,要分开计算。
2.如果不能直接选中元素,通过继承性影响的话,权重为0。
3.同一个标签,携带了多个类名,且样式有冲突时,跟类名的顺序无关,和样式的先后顺序有关。

总结:对于相同的选择器:样式表的排序:行内>内嵌与外链(就近原则)
对于非行内样式表,选择器排序:id>类>标签。

3.important

important 翻译:重要的。
【慎用】
格式:

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值