css选择器层叠样式的三种引入方式

博客介绍了CSS的三种样式。行内样式通过标签的style属性添加,优先级最高,但不利于后期维护;内接样式会增加网页源码混乱度,基本不用;外接样式有链接式和导入式等。

css层叠之意即覆盖

行内样式:(元素内嵌样式)

标签的style属性中添加样式
注意:行内样式的优先级是最高的
但这样做不仅需要逐个元素设好样式,而且软件更新时还不得不逐个元素仔细搞好样式调整,不利于后期维护很容易出错

内接样式(文档内嵌样式):

注意优先级
(太low基本不用, 会使网页源码混乱度增加,
eg:

/*用css选择器在style中设置样式*/
		span{
			color: green;
			font-size: 30px;
		}

外接样式(外部样式表):

链接式:

<link rel="stylesheet" href="./index.css">

js:

<script type="text/javascript" src="./javascript/index.js"></script>js时type可省略

导入式

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

ROOOOOOM

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值