CSS选择器

1、css标签写在head标签里面，title标签前面

2、格式：

选择器{

属性名：属性值;

}

3、ctrl+/注释快捷键

2、CSS引入方式

内嵌式：css写在style标签中

提示：style标签虽然可以写在页面的任意位置，但是通常约定在title之前

外联式：CSS写在一个单独的CSS文件中

提示：需要通过link标签在网页中引入

 <link rel="stylesheet" href="1.CSS">

行内式：CSS写在标签的style属性中

3、选择器

3.1标签选择器

1、以标签名命名的选择器

2、选择器{

属性名：属性值;

}

3、选中所有的标签选择器都生效

3.2类选择器

1、结构：

.类名{

属性名：属性值；

}

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

3、注意点：

• 所有标签上都有class属性，class属性的属性值称为类名（类似于名字）

• 类名可以由数字、字母、下划线、中划线组成，但不能以数字或中划线开头

• 一个标签可以同时有多个类名，类名之间以空格隔开

• 类名可以重复，一个类选择器可以同时选中多个标签

3.3 id选择器

1、结构：#id属性值{css属性名：属性值；}

2、作用：通过id属性值，找到页面中所有带有这个id属性值的标签，设置样式

3、注意点：

• 所有标签上都有id属性

• id属性类似于身份证号码，在一个页面中是唯一的，不可重复的

• 一个标签上只能有一个id属性值

• 一个id选择器只能选中一个标签

3.4 通配符选择器

1、结构：*{CSS属性名：属性值；}

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

3、注意点：

*{
margin:0;
padding:0;
}