1.为网页添加样式

为网页添加样式

术语解释

h1{
    color: red;(字颜色)
    background-color: royalblue;（背景颜色）
    text-align: center;（位置）
    font-size:3em;（字的大小）
}

css规则 = 选择器+ 声明块

选择器

选择器：选中元素

1. ID选择器：#id+{}（选中对应id值的元素）
2. 元素选择器：元素名+{}（选中所有同名元素）
3. 类选择器：.类名+{}（选中所有类名相同的元素）给元素class属性" “内为类名（空格会把类名分割，分割后的类名都可选中该类，但”."后类名不能出现空格）

class元素为类名

声明块

出现在大括号中

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

css代码书写的位置

1. 内部样式表

书写在style元素中（因为希望最先加载css代码，所以一般写在head里，但允许写在body里）

2. 内联样式表（元素样式表）

在元素名写style属性

3. 外部样式表（推荐使用）

把样式写到独立的css代码（建立.css文件→写入代码→html文件中的head中写link）

1）. 外部样式表可解决多页面样式重复的问题
2）. 有利于浏览器缓存，从而提高浏览速度
3）. 有利于元素分离（html和css），有利于阅读和维护