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+右外边距

学习心得:
感觉今天的进度比较合适,状态也越来越好!

标签

评论

this is is footer