CSS使用参考

CSS参考手册：https://www.w3school.com.cn/cssref/index.asp

Cascading Style Sheets，层叠样式表，多个样式可以作用于同一个html元素上。

CSS和HTML结合使用的方式有三种：

内联样式：在标签内使用style属性指定css样式，比如下图示例。这种方式比html属性还要复杂，也并没有实现元素和样式的分离。如果样式只有一两个可以使用下。但是如果多了就不推荐使用了。注意各属性定义之间用分号隔开。里面的值可以不再用引号了。

内部样式：在head标签内，定义style标签，style标签的标签体内容就是css代码。这种方式的作用域在当前页面中。比如：<style>定义的css代码</style>。注意css注释和html注释不一样，为/* 注释内容*/

外部样式：单独建立一个css资源文件，然后在head标签中，定义link标签，引入外部的资源文件。类似于导包。

 

• link引入的第一种方式

• link引入的第二种方式

css基本语法

注意每一对属性之间用分号隔开，最后一个可加可不加，推荐加上

选择器用来对页面中的元素进行匹配。然后将匹配到的元素应用定义的样式。

选择器

基本选择器

• id选择器，格式如下，可以匹配所有定义了该id值的元素

• 标签选择器，格式如下：

• 类选择器，格式如下