20200814_陈宇_

学习总结:
font简写是必须写字体和字体,且必须写在最后面,遵循顺序,前面的属性可以打乱顺序;
使用假文:lorem 按tab键
text-aglin:center(设置这个元素内部的内容(文本、行内元素、行内块)水平居中对齐,但是不会块级元素居中对齐,但是后代的块级元素会继承 text-align:center; 属性)
margin:auto; 让元素本身水平居中
当line-height=height时 可以让文本内容垂直居中
background-size:
cover:使背景图片占满整个容器,但是不管图片是不是完整显示,可能会出现图片失真的情况
contian:以容器其中一条边为基准进行设置,会完整显示图片 ,但是不管是否沾满容器,会有留白
css hack:编写兼容低版本浏览器代码的行为,添加浏览器内核的前缀
浏览器内核的前缀:-moz-:Firefox(火狐) -webkit-:Chrome/Safari(谷歌和苹果浏览器) -o-:Opera(欧朋浏览器) -ms-:IE(ie浏览器)
如果添加线性渐变css hack 关键字中to,直接去掉,终点变起点
border-collapse:边框合并
border-spacing:边框边距,当设置了边框合并时,边框边距无效
table里面的tr th td全部是放在tbody里面的 我们没有写tbody时,浏览器也会自动给我们
table-layout:fixed 单元格大小取决于设置的宽高,不会根据内容的多少改变大小

学习心得:
今天学习的内容总体来说比昨天简单,但是看了同学们做的练习,感觉自己还有很多地方不足,想法不够多,在以后的学习中会尽力去拓展自己的思维,多思考怎么去实现那些效果。
明天就要检测一周的学习成果了,突然感觉有点紧张,感觉又有些东西似乎忘掉了,希望明天能有个较好的测验结果。

评论