CSS样式-- 继承,规范,阿里图标

本文介绍了CSS样式的继承原则,包括哪些样式可以被继承以及特殊情况。接着讨论了样式重置的必要性,以解决浏览器兼容问题。在规范部分,详细阐述了代码、文件命名和EditPlus快捷键的使用。最后,讲解了如何从阿里图标库选择和应用矢量图标,包括在线引用和本地下载的方法。
摘要由CSDN通过智能技术生成

1 样式继承

某些特定的css样式会被其后代元素继承,从而间接的生效,这种样式大部分为字体、文本样式。
1)部分常见继承样式
color、font、text-align、list-style、word-spacing、line-height…
2)继承注意点
① a标签由于自身拥有字体颜色,所以无法继承字体颜色以及text-decoration也不能继承。
② 继承属性的优先级较低
3)强制继承(inherit)
我们可以通过给样式设置一个通用值(inherit),让元素强制继承父级的该属性,哪怕这个属性是默认不能被继承的。

				{
					height:inherit;
					background-color:inherit;
				}

2 样式重置

许多标签会用默认存在的样式,如p标签的外边距,a标签的下划线等等,通常情况 下我们会把这些默认的样式去除,初始化。这个是因为默认的样式在不同的浏览器上通常会有不同的表现情况(兼容问题),所以为了减少这种情况的发生而带来的一些问题,而统一的不会使用默认的样式。
在这里插入图片描述

3 规范

3.1 代码规范

1)所有书写均在英文

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值