8-13 钟申义 日志

学习总结
选择器权值
权值 !important>1000
内联样式=1000
id选择器=100
类选择器=10
元素选择器=1
通用选择器=0
继承的样式=无
权值的特点：
1. 权值，表示当前选择器的重要程度，权值越大，优先级越高
2. 权值相同时，使用就近原则
3. 群组选择器的权值，每个选择器需要单独计算，不能简单的相加
4. 使用!important，直接获取最高优先级，内联样式不能加!important
5. 选择器权值计算和选择器的数量没有关系
尺寸属性
width：宽度
height：高度
max-width：最大宽度
min-width：最小宽度
max-height：最大高度
min-height：最小高度
取值单位
px：像素，绝对单位
em：相对父元素乘以的倍数
rem：相对html元素乘以的倍数
%：相对父元素的百分比
overflow
visible：默认值，溢出部分可见
hidden：溢出部分不可见
scroll：不管是否溢出都显示滚动条，只有溢出的时候滚动条才可以用
auto：只有溢出的时候，在溢出方向才有滚动条
overflow-x:scroll 设置水平滚动条
overflow-y:scroll 设置垂直滚动条
rgba(r,g,b,alpha) ：alpha:透明度0~1
transparent ：透明，相当于rgba(0,0,0,0)
margin：特殊情况
1. 外边距的合并
2. 关于块级元素、行内元素、行内块元素总结
行内元素
设置尺寸：设置尺寸无效，宽高靠内容撑开
换行：可以与行内元素共用一行，一行放不下，自动换行
外边距：上下外边距无效，左右有效
块级元素
设置尺寸：可以设置尺寸，如果不设置宽高，宽度为父元素宽度的100%，高度靠内容撑开
换行：单独成行
外边距：4个方向外边距都有效
行内块元素
设置尺寸：可以设置尺寸，如果不设置尺寸，自带默认宽高
换行：可以与行内元素和块级元素共用一行，一行放不下，自动换行
外边距：4个方向外边距都有效，但是同一行修改一个行内块的垂直外边距，整行都会发生位置改变
3. 自带外边距的元素
h1~h6,body,ol,ul,li,pre,button,dd,dt,fielset,form,input,hr,td,th
4. 外边距溢出
给父元素添加overflow:hidden;
给父元素添加上边框
给父元素添加上内边距
给父元素第一个子元素位置添加空的table标签
内边距取值
1. px
2. %
3. padding没有auto
box-sizing
1. content-box：默认值，设置的宽高，是设置内容区域的宽高，元素实际占地宽度的公式：左外边距+左边框+左内边距+内容区域宽度+右内边距+右边框+右外边距
2. border-box：设置的宽高包含边框，内边距和内容区域，元素的实际占地宽度的公式：左外边距+width+右外边距

学习心得：
感觉今天的进度比较合适，状态也越来越好！