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
|