css样式
时间:2023-09-19 08:48:02 | 来源:网站运营
时间:2023-09-19 08:48:02 来源:网站运营
css样式:
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