css的引入方式和基础选择器

css引入方式

行内样式：适用于某个元素拥特殊样式时使用（不分离）

内部样式：适用于单个页面拥有特殊样式时使用（半分离）

外部样式：适用于多个页面拥有特殊样式时使用（ 相分离）

优缺点：

行内样式：比较直观，相同的样式需要重复定义，造成代码堆积，不利于代码维护，不能复用

内部样式：相对于行内样式来说，代码可以重复使用（优点），作用范围比行内样式大，结构样式：半分离

外部样式:作用范围广，可以重复使用代码，便于修改和维护代码，结构样式：相分离

选择器

1，通配符选择器

*：通配符选择器

语法： *{ 样式声明 }

作用：选择任意类型的html元素

页面上的所有元素都会被选中

使用场所:一般用来清除浏览器·默认样式

*{ margin：0；

padding：0；

}

2,标签选择器

语法：元素名称{ 样式声明 }

作用：选择所有同一元素名称的所有元素

例：

页面中的所有p标签都会被选中

p{

background-color:red;

}

3.id选择器

<style> #box{ width:100px; height:100px; background-color:red; } </style>

html - - id属性进行定义

<开始标签 id=“id名称‘’></结束标签>

css - -用#进行标识

#id名称{样式声明}

注意：id选择器具有唯一性，

4，类选择器

class="类名"