001_CSS的基本规则和CSS的几种写法

wnashi_万石

于 2021-03-08 16:03:42 发布

阅读量113

点赞数

分类专栏： 005_CSS

本文链接：https://blog.youkuaiyun.com/w_wangewanbuhuidege/article/details/114535391

版权

005_CSS 专栏收录该内容

7 篇文章

订阅专栏

001_CSS的基本规则(h3)

层叠样式表
选择器器
- 告诉浏览器要设置样式的html元素
声明块
- 用于设置样式

002_CSS的几种写法(h3)

内部样式表
- 写在style标签⾥面的
内联样式表
- 写在元素的style属性⾥面的
外部样式表
- link标签将css资源引⼊入
为什什么选择外部样式表
- 解决⻚页⾯面当中样式重复的问题
- 代码分离，利利于代码维护和阅读
- 浏览器会缓存起来，提⾼页面响应，速度变快了

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <!-- 外部样式表 -->
  <link rel="stylesheet" href="./index.css">
  <title>CSS的几种写法</title>
</head>
<body>
	<!-- 内联样式表 -->
  <h1 style="background-color: black;">CSS的几种写法</h1>
</body>
</html>

<style>
  /* 内部样式表 */
  h1 {
    color: red;
    font-size: 32px;
  }
</style>