CSS基础

一丶css引入方式

内部样式表  ( 使用<style>在文档头部定义内部样式）

内联样式表（标签内使用  style属性）

外部样式表（使用 link 来引入链接样式表）

二丶选择器

1.全局选择器（*）：（通配符选择器):去除盒子模型的默认结构

2.标签选择器（在style中使用需定义的标签）：html 中定义的标签可以作为选择器

3.class类选择器（.）选择指定class属性值为“class”的任意类型的任意多个元素；

4.id选择器（#） 选择指定ID属性值为“id”的任意类型元素，具有唯一性 一个id只能定义一次；

5.群组选择器（,）将每一个选择器匹配的元素集合并；

6.层次选择器    分多种；

后代选择器(空格)               子代选择器（>）                 相邻兄弟（+）

通用兄弟（~）                 

7.伪类选择器   分多钟    ；   

状态伪类（通常用于a标签） 

link         初始状态默认状态

visited    超链接被访问后的状态

hover     超链接鼠标悬浮时的状态

active     超链接被激活时的状态

结构伪类（nth-child）

就近原则

相同样式优先级：

当设置相同样式时，后面的优先级较高。

但不建议重复设置样式的情况

内部样式与外部样式

内部样式与外部样式优先级相同，如果都设置相同样式

那么后写的样式优先级更高

冲突

欣知大数据——孙也

欣知大数据 两个对同一标签属性进行设置不同样式时，就产生了冲突

层叠
设计几种不同样式在最终显示时，会将几种效果叠加显示

继承

文字相关的样式可以被继承

布局相关的样式不能被继承

优先级以及权重

style（1000）>id（100）>class（10）>标签（1）>*（0）>继承（0）

！important 可以强制优先