CSS——5. 外部样式

html 复制代码
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>方法3:外部样式</title>
		<link rel="stylesheet" href="a.css" />
		<link rel="stylesheet" href="b.css"/>
	</head>
	<body>
		<!--css引入方式:-->
		<!--1.行内样式:
			将css代码写在元素开始标签的style属性中
			可以设置多个样式,使用";"隔开-->
			
		<!--2.内部样式-->
			<!--在当前网页head标签中,写上一对style标签,然后在style标签中,使用选择器编写css代码-->
			
		<!--3.外部样式,样式写在外部(即专门写CSS的文件)-->	
			<!--需要一个单独的css文件书写css样式-->
			<!--在head标签中使用link标签把单独的css文件关联起来(link:引入外部文件)-->
			<!--在同一个页面可以引入多个css文件,每引入一个CSS就要用<link/>标签关联CSS文件-->
			<!--外部样式这个方法是web开发使用最多的样式-->
		
		<div>我爱学习</div>
		
	</body>
</html>

03.html中的标签和 a.css文件如何联系呢,靠 link标签引入外部文件(即外部文件a.css文件,因为a.css文件和03.html处在同一个根目录下所以只需要link它相对路径即可)

a.css样式文件

b.css样式文件

相关推荐
燕落南枝19 小时前
CSS 分组选择器与链接伪类选择器详解
前端·css
其实防守也摸鱼20 小时前
网络安全法竞赛知识总结与题库
前端·网络·人工智能·安全·web安全·重构·nc
山雀~20 小时前
浏览器兼容方案(Web 项目的三层实践)
前端
Jack N20 小时前
【Strapi 系列之五】前端怎么接?Next.js + Tailwind 拉取 Strapi 数据(含代码)
开发语言·前端·javascript·strapi
__sjfzllv___20 小时前
在职前端Leader学习/转行 AI Agent -DAY85
前端
来一首_We_go20 小时前
React Flow Pro 高级交互实现
前端·react.js
weedsfly20 小时前
React 不可变数据:为什么页面“明明数据变了却不更新
前端·javascript·react.js
行者全栈架构师20 小时前
【共创稿事节】双引擎智能相册:HarmonyOS 7(API 26)文搜图 × 图像超分端侧 AI 联动实战
前端·算法·架构
chromoany20 小时前
agent 写的 README 为什么装不上:一条“没有出处就删掉”的规则
前端
deli00720 小时前
商品条形码最后一位怎么来的?Code128 校验位实测
前端