css样式

ikkhksvu

css

样式三种写法：

1：内部样式 存在在head标签中

2：内联样式 以属性style的方式添加在标签中

3：外边样式 创建独立的html页面，并在页面head标签中添加

<link rel="stylesheet" href="css文件位置"> >创建独立的css文件

另一种引入方式：在style标签第一行添加@import url(css/style.css);

样式权重

外边样式 内部样式<内联样式(就近原则)

css选取器

类型选取器（标签选取器）：div span h1 p...

类选取器：选中指定的元素，在一个页面中能够多次显现

1：在标签中添加属性class="mz"

2:在样式中的选取器 .mz{}

id选取器：选中指定的元素，在一个页面中只准许显现一次

1：在标签中添加属性id="mz"

2:在样式用添加选取器 #mz{}

伪类选取器：

：link{} 未拜访之前的状态

：visited{} 拜访过后的状态

：hover{} 鼠标悬停的状态

：active{} 鼠标按下的状态

重视：有次序需求 love hate

通配符 * 匹配页面所有的元素，进行统一操作

群组选取器 选取器1,选取器2,选取器3{}

包括选取器（后代选取器） 选取器1 选取器2 选取器3{}

选取器权重对比

id > class > 类型选取器

100 10 1

内联样式选取器权重1000

包括选取器权重值 为各个选取器权重之和

css层叠:指的是优先加载权重值高的，除非有添加！important