【Web前端】CSS使用方法

*本文主要介绍CSS的基础语法，以及插入到HTML中的方法，供遗忘时快速查阅。（本文内容结合W3C教程编写）

CSS基础语法

CSS规则由选择器和声明组成

选择器是要改变样式的HTML元素，也可以是表示多个元素的id或class；

声明是要改变的属性和属性值，以冒号隔开；声明之间用分号隔开

h1 {color:red; font-size:14px;}        /*改变h1元素的样式*/
.div {color:red; font-size:14px;}      /*改变class为div的所有元素的样式*/

 

CSS插入HTML

当读到一个样式表时，浏览器会根据它来格式化 HTML 文档。插入样式表的方法有三种：

1、外部样式表

最常用的插入方法，将所有的样式存放到一个后缀为“.css”的独立文件中。这样既易于修改，与内容分离又保证了HTML代码的简洁，更重要的是，独立出来的样式可以应用于多个页面。

插入方法和插入JS类似，href的值为URL，规定css文件所在的位置。