css学习记录(一)
一、使用css样式的方式
1.内联
<any style="样式声明;样式声明"></any>
样式声明格式:
样式属性:值
常用样式属性:
color: ;font-size: ;background:
内联样式的优先级最高(内联用的不多)
2.内部样式:
在head标签中加入style标签,由选择器和样式声明组成
内部样式可重用
3.外部样式
在head中写入<link rel="stylesheet" href="css文件的相对路径">
二、css样式特性
1.继承性
大部分css效果,子元素可以继承父元素的样式
2.层叠性
可以为一个元素定义多个样式
如果不冲突,可全部显示
3.优先级
4.调整优先级
!imoport规则
三、选择器
1.通用选择器
项目中可能用到的:*{margin:0;padding:0;}
2.元素选择器
div{} p{} span{}
3.类选择器
注意:
1.声明,必须以.开头。点是不能省略
2.引用使用的时候,直接写在class中,没有点.点
3.类名不能以数字开头
4.不能包含特殊字符(除了 - , _ )
4.ID选择器
#id{}
5.群组选择器
选择器1,选择器2,选择器3{}
6.后代选择器
选择器1 选择器2 选择器3{}
7.子代选择器
选择器>选择器{}
8.伪类选择器
1.链接伪类:
:link 匹配元素尚未访问的状态
:visited 匹配元素访问
2.动态伪类
:hover 匹配元素鼠标悬停时的状态
:active 匹配元素被**时的状态
:focus 匹配元素获取焦点时的状态
9.权值
!important >1000
内联样式 1000
id 100
类和伪类 10
元素 1
通用 0
继承 无
10000个id权值综合也到不了1000
四、尺寸
1.尺寸单位 px
2.em 相对父元素乘以的倍数
3.rem 相对根元素乘以的倍数
4.%
颜色
1.rgb(r,g,b)
2.#rrggbb
3.#rgb
4.rgba(r,g,b,alpha) 0-1透明度