一、任务目标
掌握CSS的引入方式
二、任务背景
CSS（层叠样式表）定义了HTML元素在页面中的样式、布局以及整个页面的布局。CSS遵循W3C规范，实现了跨浏览器的标准化。
三、任务内容
1、行内样式
直接使用HTML元素的
style属性引入CSS样式
例：
<p style=＂font-size: 16px; color: #333;＂>软件工程师能力认证</p>
2、内嵌样式
使用
<style></style>标签引入样式
<style>
p {
color: #333;
font-size: 16px;
}
</style>
3、外部样式
3.1 链接样式（最常用）
在
<head></head>标签中，使用<link />标签链接外部的CSS文件
link标签的href属性设置为目标链接的CSS文件路径，rel属性设置为stylesheet表示链接样式表，type属性设置为text/css
例：
<link rel="stylesheet" href="style.css" type="text/css" />
3.2 导入样式
使用
@import url()引入CSS文件
-
在CSS文件中直接使用
@import url() -
在HTML文件中需要在
<style></style>标签中使用@import url()
在HTML初始化时，
@import url()导入的CSS会被直接导入到HTML或CSS文件中，成为文件的一部分
// 在HTML文件中导入
<style>
@import url(style.css);
</style>
// 在CSS文件中导入
@import url(style.css);
1215
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
