CSS是作为HTML的附属功能而存在,所有的CSS代码都必须在HTML代码中执行,CSS的运行方式总共有三种,分别是style 属性
、<style> 标签
、<link> 引用
。
作为HTML标签的属性执行。
<!-- 字体颜色为橙色 -->
<span style="color: orange">简明教程</span>
以双标签的形式嵌套在HTML文档中。
<head>
<style type="text/css"> <!-- 嵌套代码可以写在任意位置,但必须是在HTML(p)标签之前。-->
p {
font-size: 20px;
}
</style>
</head>
<body>
<p>简明教程</p>
</body>
创建单独的CSS文件,通过<link> 标签载入HTML文档。
style.css
/** css文件通常是以 .css 结尾 **/
p {
font-size:20px;
}
index.html
<head>
<link rel="stylesheet" type="text/css" href="style.css"> <!-- 引入style.css文件 -->
</head>
<body>
<p>简明教程</p>
</body>
扩展阅读 | |
---|---|
CSS 优先级 important 属性 | 7/25/2018, 9:16:38 AM |
CSS 样式继承 inherit 属性 | 7/25/2018, 9:16:18 AM |
CSS link 标签 | 7/25/2018, 9:15:50 AM |
CSS 代码注释 | 7/25/2018, 9:15:26 AM |