5.2、外部样式

最新推荐文章于 2024-04-10 10:24:09 发布

日拱一卒无有尽，功不唐捐终入海

最新推荐文章于 2024-04-10 10:24:09 发布

阅读量128

点赞数

分类专栏： # JavaWeb学习笔记文章标签： css html

本文链接：https://blog.csdn.net/m0_49128301/article/details/120598250

版权

JavaWeb学习笔记专栏收录该内容

25 篇文章 0 订阅

订阅专栏

5.2.1、<link/>标签方式

格式：

<link/>

rel="stylesheet",固定值，表示样式表

type=“text/css”,固定值，表示css类型

href，表示css文件位置

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="外部样式demo.css"/>
	</head>
	<body>
		<a>瑾瑾别生气了</a><br/>
		<a>今天是我不对</a><br/>
		<a>我向你道歉：“对不起”</a>
		<div>瑾瑾我爱你！</div>
		<span>瑾瑾我爱你！</span>
	</body>
</html>

.css文件代码

a{
	font-size: 100px;
	color: pink;
	border: 1px solid paleturquoise;
	margin-left:100px;
	
}
div{
	font-size: 50px;
	color: blue;
	border-bottom: 10px solid red;
	margin-left:100px;
}
span{
	font-size: 50px;
	color: blue;
	border-bottom: 10px solid red;
	margin-left:100px;
}

外部样式适用于，不同页面进行样式的复用

日拱一卒无有尽，功不唐捐终入海

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
5.2、外部样式

5.2.1、<link/>标签方式<link/>又称为链入式，是将所有的样本放在一个或者多个以.css为扩展名的外部样式表文件中，通过<link/>标签将样式链接到HTML文案当中。格式：<link/>rel="stylesheet",固定值，表示样式表 type=“text/css”,固定值，表示css类型href，表示css文件位置<!DOCTYPE html><html> <h...
复制链接

扫一扫