20200813 王维

学习总结
1.选择器权值，权值越大，优先级越高
!important(>1000)>内联样式(1000)>id选择器(100)>复杂选择器>类选择器(10)

元素选择器(1)>通用选择器(0)>继承的样式(无)
权值相同时，使用就近原则
群组选择器每个选择器的权值需要单独计算
分类选择器能提高选择器的权值
2.盒子模型取值
em 相对父元素的字符大小 通常1em=16px
rem 相对html的字符大小
3.元素宽高
块级元素默认占父元素宽度的100%,不写高度自适应内容高度
行内元素不能设置宽高
4.溢出
overflow 取值：visible默认值，溢出部分默认可见；hidden溢出不可见；scroll显示滚动条;
auto溢出时显示滚动条
5.transparent 颜色取值 透明 开发中不使用英文单词取值
6.边框圆角
border-radius可以同时设置1到4个值 左上角 右上角 右下角 左下角
border-top-left-radius，可以单独对每个角进行设置
border-radius可以用斜杠设置第二组值。这时，第一组值表示水平半径，第二组值表示垂直半径
7.边框阴影
模糊程度是，从没有设置blur时阴影的边缘，向两端扩展；在这个区域实现垂直或者水平类似于
渐变的模糊效果
inset：将外部阴影改成内部阴影【outset反过来】
需要设置多个阴影时，中间需要将每个阴影用逗号隔开。
8.轮廓 outline
9.盒子模型
外边距合并，块级元素两个垂直外边距相遇时，他们将合并成一个，值以最大的为准，没有解决
方案，只能在页面设计时进行规避
行内元素上下外边距无效，左右有效
行内块元素设置一个行内块的垂直外边距，整行发生改变
外边距溢出，子元素内容区域上边和父元素内容区域上边重合时，为子元素设置上外边距，作用在
父元素身上 可以通过给父元素添加边框和内边距 设置overflow:hidden 和 父元素第一个元素添加
空的tabele标签（可通过伪元素添加）解决
10.box-sizing盒子模型 取值border-box怪异盒子模型 设置的宽高包含边框、内边距和内容区域
input设置为怪异盒子模型时，设置上下内边框会挤占内容区域，使得文字位置不变，框下(上)移
心得体会
学习了很多新知识，不懂的地方多查资料和试验，如阴影的模糊程度和模糊半径，行内块元素垂
直外边距不会发生外边距合并，希望自己多多试验。