20200814+袁鑫

知识总结
font属性在简写的时候 最后必须是以 先大小然后类型结尾 前面的可以不要,前面的顺序也无所谓。
文本阴影:text-shadow:h-shadow v-shadow blur color 其中 blur 表示模糊程度
h-shadow 表示水平偏移量
v-shadow 表示垂直偏移量
line-height=容器高度 一般用于垂直居中
text-align:center与margin:auto相较 text-align:center是元素内部的内容(文本、行内元素、行内块)水平居中对齐
margin是整个容器水平居中
text-align:justify表示文本两端对齐
渐变属性 兼容性问题(编写兼容性低版本浏览器代码的行为叫做 css hack)
-moz-:Firefox
-webkit-:Chrome/Safari
-o-:Opera
-ms:IE
当有前缀的时候,写方向的时候,就不再写to,方向此时定义的是起点。
当没有前缀,斜方向的时候,要写to,方向定义的是终点。
背景重复渐变
重复线性渐变 background-image:repeating-linear-gradient(angle,color-point1,color-point2,..)
重复径向渐变 backgrond-image:repeating-radial-gradient(半经 at 圆心x 圆心y,color-point....)
背景渐变
线性渐变 background-image:linear-gradient(angle,color-point1,color-point2,..)
径向渐变 backgrond-image:repeating-radial-gradient(半经 at 圆心x 圆心y,color-point....)
背景图片的尺寸
background-size: 百分比 、 cover 、contain、 px具体值、auto
注意 cover是按照等比缩放铺满整个区域。如果显示如果显示比例和显示区域的比例相差很大某些部分会不显示,比如长度比宽度大很多,则宽度左侧会有一部分不显示。
100%表示 一个值会自动给第二个值auto自适应 表示 拉伸的时候有一个方向满足就满足了
contain也是等比缩放,按照某一边来覆盖显示区域的,会有白边
心得
今天的学习内容相较昨日比较简单,学习了也有五个日子了,总的来说慢慢开始适应了这样的学习生活,但是现在的知识我以前
都学过半八十,所以看起来不那么艰难,不知道以后更多从零开始的东西会不会像现在这样轻松每天完成任务,另外就是马上就要周考了,
还是希望自己能取得好成绩吧,毕竟谁都想来个开门大吉!

评论