[C1进阶之路-Web基础] CSS引入方式
目录
往期回顾，专栏一览
CSS引入方式
1、行内样式
2、内嵌样式
3、外部样式
3.1 链接样式（最常用）
3.2 导入样式
💬题目01
💬题目02
💬题目03
💬题目04
💬题目05
往期回顾，专栏一览
🍉 JavaSE 🍋 AWT 🍑 数据结构 🍅 C1进阶之路 🍒 每日一练 🌽 代码报错 🍈 活动
🍹欢迎各路大佬来到 Nick 主页指点
☀️本期文章将学习 [C1进阶之路-Web基础] CSS引入方式，我是博主Nick。✨
✨我的博客主页：Nick_Bears 🌹꧔ꦿ
🌹꧔ꦿ博文内容如对您有所帮助，还请给个点赞 + 关注 + 收藏✨
🍋 注：资料来源于C1进阶考试资料
CSS引入方式
🍉 CSS（层叠样式表）定义了HTML元素在页面中的样式、布局以及整个页面的布局。CSS遵循W3C规范，实现了跨浏览器的标准化。
1、行内样式
直接使用HTML元素的
style属性引入CSS样式
例：
软件工程师能力认证
2、内嵌样式
使用
标签引入样式
p {color: #333;font-size: 16px;}
3、外部样式
3.1 链接样式（最常用）
在
标签中，使用标签链接外部的CSS文件
link标签的href属性设置为目标链接的CSS文件路径，rel属性设置为stylesheet表示链接样式表，type属性设置为text/css
例：
3.2 导入样式
使用
@import url()引入CSS文件
-
在CSS文件中直接使用
@import url() -
在HTML文件中需要在
标签中使用@import url()
在HTML初始化时，
@import url()导入的CSS会被直接导入到HTML或CSS文件中，成为文件的一部分
// 在HTML文件中导入@import url(style.css);// 在CSS文件中导入@import url(style.css);
💬题目01
📝 现需要导入外部样式表，请补全代码片段
key：stylesheet
link标签用于链接外部文档，最常用的是方式是用于链接样式表
link标签常用属性：
href：被链接文档的位置（URL）
type：规定被链接文档的MIME类型
rel：规定当前文档与被链接文档之间的关系
💬题目02
📝 现需要导入外部样式表，请补全代码片段
key：href
link标签用于链接外部文档，最常用的是方式是用于链接样式表
link标签常用属性：
href：被链接文档的位置（URL）
type：规定被链接文档的MIME类型
rel：规定当前文档与被链接文档之间的关系
💬题目03
📝 现有以下代码片段，需要在行内引入CSS样式，补全代码片段
CSDN能力认证中心
key：style
使用HTML全局属性可以在行内引入CSS样式表
💬题目04
📝 现需要在
index.css中引入文件style.css，补全代码片段/* index.css */________ url('style.css')p { font-size: 16px;}/* style.css */p { color: red;}
key：@import
使用
@import url()可以在CSS文件中引入另外的CSS文件
💬题目05
📝 现需要导入外部样式表，请补全代码片段
key：text/css
link标签用于链接外部文档，最常用的是方式是用于链接样式表
link标签常用属性：
href：被链接文档的位置（URL）
type：规定被链接文档的MIME类型
rel：规定当前文档与被链接文档之间的关系
