个人笔记 css篇 基础及选择器

• 什么事css

层叠样式表

• css的作用

美化HTML标签

• 语法

选择器 {

    css属性名：值
}

• css引入方式 

1.内嵌式

        将css代码写入style标签中

2.外链式

        创建一个.css文件，在其中写入css代码

        在HTML文件中适应link标签

        一个css文件可以被多个HTML文件引入

3.行内式

<div style="width:100px"><div>

选择器

• 标签选择器     标签名

作用：通过标签名，找到页面中的所有这类标签，设置样式

注意点：标签选择器选择的是所有这类标签，而不是一个

• 类选择器           .类名        类名是自定义的

作用：通过类名，找到页面中的所有带有这个类名的标签，设置样式

• id选择器            #id

注意：1.一个标签只能有一个id属性  2.一个id属性只能选中一个标签

• 通配符选择器

作用：找到页面所有标签，设置样式

• 后代选择器    语法： 选择器1 选择器2

注意点：后代包括 儿子 孙子 重孙子...

               选择器之间用空格隔开

• 子代选择器  >   语法：选择器1>选择器2

注意点：只包括儿子，用>隔开

• 并集选择器  语法：选择器1，选择器2

注意：可以选择多个选择器，用，隔开

• 交集选择器   语法： 选择器与选择器紧挨着

注意：必须紧挨着，没有东西隔着

           如果有标签选择器，标签选择器必须在前面

• hover伪类选择器  语法：选择器：hover