1 引入 a .行内:style="xxxxx"
b. 内接:<head>
<style type="text/css">
</style>
</head>
c, 外接 <link rel="stylesheet" href= "css路径">
2.选择器 基础选择器: .类名{ } 权重 10
标签名{} 权重
#id名{} 权重 100
行内 权重1000
高级选择器 .类名 标签 类里面的所有标签
.类名>标签 类下一层标签
标签1, 标签2, 标签3 混合选择
类{ }
标签 {}
类.标签 { } 交集选择
权重比较: 行内 > id > 类> 标签 > *
多重选择定位同一个标签时, 计算权重, 谁大展示谁, 小的被覆盖 ,
多层类 嵌套 只有其中任何一个类定位一个标签, 不论 那一层 权重一样,
/*继承来的权重为0,与选中的标签没有可比性*/
继承性:
有一些属性能够被继承 color ,font-*,line-height,text-align
伪类选择器:
一般会用在超链接a标签中,使用a标签的伪类选择器,我们一定要遵循"爱恨准则" LoVe HAte
a:link{}
a: visited {}
a.hover {}
a:active {}
只对当前标签有效
继承 :有一些属性是可以继承下来 : color 、 font-*、 text-*、line-* 。主要是文本级的标签元素。
但是像一些盒子元素属性,定位的元素(浮动,绝对定位,固定定位)不能继承。