CSS-2-三种引用方式

最新推荐文章于 2022-03-21 21:48:40 发布

YoungShiHao

最新推荐文章于 2022-03-21 21:48:40 发布

阅读量182

点赞数

分类专栏： css

本文链接：https://blog.csdn.net/Y_shihao/article/details/94620278

版权

16 篇文章 0 订阅

订阅专栏

1.行内式css
在工作项目中,用得很少
行内式的影响范围: 非常小,只能影响到当前一个标签
写在标签的内部书写格式
<标签名 style=“属性名1:属性值1; 属性名2:属性值2; 属性名3:属性值3;”>
内容
</标签名>
例子:

	<div style="color: red; font-size: 12px;">
		这是
	</div>

2.内嵌式css
在head标签中写style标签书写格式,当然理论上他可以放在HTML文档的任何地方.
在工作中用得比行内式要多,但是不是最多
内嵌式的影响范围: 影响到一整个页面

	<head>
	选择器(如:标签名/类名/id名) {
		属性名1: 属性值1;
		属性名2: 属性值2;
		属性名3 属性值3;
 	}
	</head>

例子:

	div {
		color: red;
		font-size: 12px;
	 }

3.外链式css
重点,必须要将html与css进行链接,通过link便签进行链接.
所有的页面都可以使用同一个外链式css文件
影响范围: 整个网站----也是工作中用得最多的方式
例子:

<link rel="stylesheet" href="./css/外部样式表.css">

rel不能省略当前文档与被链接文档之间的关系表示被链接的文档是一个样式表文件
type 所链接文档的类型这里需要指定为"text/CSS",表示链接的外部文件为CSS样式表。我们都可以省略
href: 所链接外部样式表文件的URL,可以是相对路径,也可以是绝对路径.

关注

专栏目录