CSS3 引入方式 注释 颜色属性 学习笔记
css3三种引入方式
- 行内引入(尽量避免，可测试时使用)
- 内嵌式引入(尽量避免，可测试时使用)
- 链接式引入
三种引入方式优先级：行内引入>内嵌式引入>链接式引入
行内引入
- 使用style属性引入CSS样式。
<body>
<h1 style="color: aquamarine;">你好鸭</h1>
</body>
内嵌式引入
- 在style标签中书写CSS代码。style标签写在head标签中。
<head>
<title>内嵌式引入</title>
<style type="text/css">
h1 {
color: deepskyblue;
}
</style>
</head>
<body>
<h1>你好鸭</h1>
</body>
链接式引入
- CSS代码保存在扩展名为.css的样式表中
- HTML文件引用扩展名为.css的样式表
- <link rel="styleSheet" href="CSS文件路径" type="text/css" />
<head>
<title>链接式引入</title>
<link rel="stylesheet" href="style_link.css" type="text/css" />
</head>
<body>
<h1>你好鸭</h1>
</body>style_link.css
h1 {
color: coral;
}
css3注释
/*我是注释鸭*/css3颜色属性
- color：文本前景色
- background_color：元素背景色
h1 {
color: coral;
background-color: darkgray;
}
本文参与 腾讯云自媒体同步曝光计划，分享自微信公众号。
原始发表：2020-02-13，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
腾讯云开发者
