CSS的基础知识

CSS（层叠样式表）是一种样式表语言，用来描述HTML文档的呈现（美化内容）。

一、CSS引入方式

1、内部样式表：学习使用

     CSS代码写在style标签里面

2、外部样式表：开发使用

     ①css代码写在单独的css文件中（.css)

     ②在HTML使用link标签引入

3、行内样式：配合Javascript使用

      CSS写在标签的style属性值里

结果：

二、选择器

作用：查找标签，设置样式

基础选择器：

1、标签选择器：使用标签名作为选择器→选中同名标签设置相同的样式。

2、类选择器

      作用：查找标签，差异化设置标签的显示效果

      步骤：①定义类选择器→类名

                 ②使用类选择器→标签添加class="类名"

     注意：①类名自定义，不要用纯数字或中文，尽量使用英文命名

                ②一个选择器可以供多个标签使用

                ③一个标签可以使用多个类名，类名之间用空格隔开

开发习惯：类名见名知意，多个单词可以用-连接，例如：news-head

代码：

结果：

3、id选择器

作用：查找标签，差异化设置标签的显示效果

场景：id选择器一般配合javascript使用，很少用来设置css样式

步骤：①定义id选择器→#id名

           ②使用id选择器→标签添加id="id名"

规则：同一个id选择器在一个页面只能使用一次

代码：

结果：

4、通配符选择器

作用：查找页面所有标签，设置相同样式

通配符选择器：*，不需要调用，浏览器自动查找页面所有标签，设置相同的样式。

代码：

结果：