Day5 笔记总结

Day5
1、 选择符的权重
Id>class>标签
四个数字表示权重：
内联样式表=1000
Id =100
Class =10
标签 =1
伪类选择符=10
通配符 =0

	包含选择符的权重为权重之和
		Eg：
			#box div{}
			.wrap .con p{} 10+10+1=21
	群组选择符的权重不会发生变化，保持原来的权重值。
	!important  权重最高

2、 css的层叠性？ -> 权重！！！
0：
!important 权重最高
1：
内联样式表>内部/外部
内部和外部与书写顺序有关，后写把前些的覆盖
2：
选择符的权重
Id>class/伪类>标签
3：
开发者样式权重>读者（用户）样式>浏览器样式
4：
当权重相同时，后写的样式会把前写的样式给覆盖!
3、文本属性
Css的属性值：法定属性值/常规属性值
法定属性值：官方制定的一个单词，具有特定的意义
常规属性值：100px/200px/300px

1. font-size:; 控制文本大小
   a:为了消除系统之间显示的差异，规定16px为标准字体的大小
   b:文本大小的设置，设置为偶数
   c:PC端项目，设置最小值尽量别低于12px；
   d:从PS中获取文本大小，汉字量取文本的高度；
   e:文本单位 px/em/pt（磅）【磅常用于印刷领域】
   单位换算 12px=9pt
   Em
   (相对大小单位，相对于父元素的font-size值而定)
   (默认情况下，1em=16px)

   F：(了解)
   xx-small = 9px
   x-small=11px
   small=13px
   medium=16px
   large=19px
   x – large=23px
   xx – large=27px

2. color:; 控制网页中文本的颜色
   颜色值：
   a. 十六进制表示颜色值
   16进制数字：0-9；a-f
   颜色值：#ff0000
   6个数字
   前两位： 红色
   中间两位 绿色
   后面两位 蓝色
   b. RGB(255.0.0)模式
   拓展：RGB模式下，可以设置颜色的透明度 （255,0,0,0.5）最后面的0.5表示半透明

3. Font-family:; 控制网页中的字体类型。
   默认的字体类型：
   中文：“微软雅黑”
   英文：“Arial”

语法：
Font-family:字体一,字体二,字体三,…（注，不同字体间用逗号隔开）
注：
a. 中文字体必须放在引号内
b. 如果一个英文字体是多个单词，也要放到引号里面；一个单词，无需引号；
c. 先写英文字体，后写中文字体
4. Font-weight:; 控制文本是否加粗
属性值：
Bold 加粗
Bolder: 更粗
Normal: 正常，可清楚其他情况下的加粗状态
100-900
100 – 500 不加粗
600 – 900 加粗
5、font-style:; 控制文本倾斜
属性值：
Italic 倾斜
Oblique 倾斜（倾斜幅度更大，但是一般无明显变化）
Normal 回复常规文本
6、line – height:; 控制文本的行高
a. 从ps设计图上，怎么测量行高？从第一行开始量到第二行开始
b.
单行文本：
如果让单行文本在容器中上下居中，line-height设置为容器高度
显示状态：
小于容器高度时，文本靠上显示
大于容器高度时，文本靠下显示
7、text-align:; 控制文本的水平对齐方式
属性值：
Left 左对齐
Center 居中
Right 右对齐
Justify 两端对齐（对中文无效）
8、text – decoration:; 文本修饰
属性值：
None 清楚下划线
Underline 添加下划线
Overline 添加上划线
Line-through 添加删除线
9、text – indent:; 文本缩进
Text – indent:2em; 首行缩进两字符
Text – indent能设置负值，文字往左走。（悬挂式缩进）
10、字间距、词间距
Letter-spacing:; 字间距
Word-spacing:; 词间距
11、text-transform:; 控制文本大小写
属性值：
Uppercase 大写
Lowercase 小写
Capitalize 每个单词首字母大写
3、 浮动（float）
属性：float
属性值：
Left
Right
None
特点：
a. 添加浮动之后，元素是不占据容器空间。
b. 如果让多个元素横向进行排列，所有的排列元素，都必须添加浮动。
c. 如果子元素添加浮动，宽度大于父元素的时候，后面的元素会被挤到下一行。