欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-03-02 16:49:55
...

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可省略

导入式