为网页添加样式

为网页添加样式

术语解释

h1  {
        color: red;
        background: lightblue;
        text-align: center;
    }

CSS规则 = 选择器 + 声明块

选择器

1. ID选择器：选中的是对应的ID值的元素
2. 元素选择器
3. 类选择器

选择器： 选中元素

声明块

声明块中包含很多声明（属性），每一个声明（属性），表达了某一方面的样式。

css代码书写位置

1. 内部样式表
   书写在style元素中，通常在head中创建style。
   如果样式代码不多，建议使用。

2. 内联样式表,元素样式表【不推荐】
   直接书写在元素的style属性中。

3. 外部样式表【推荐】
   将样式书写到独立的css文件中。

创建完css格式后，使用link元素，将文件CSS规则导入，通常写在head元素中。

外部样式表的优点
1)外部样式表可以解决多页面重复问题。
2)有助于浏览器缓存，从而提高页面响应速度。
3)有利于代码分离（html和css），有利于代码阅读和维护。