|
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
| 
发表于 2024-6-30 08:10:10