<>学习笔记(1):css编码技巧

工作轻松下来几天,啃啃,简单的做点笔记

image.png

1.在实践中,代码可维护性的最大要素是尽量减少改动时要编辑的地方
2.媒体查询并不能以一种连续的方式修复问题,只能修补某个特定分辨率下的特定问题
  2.1减少媒体查询:
  2.1.1.使用百分比长度来取代固定长度 [新知识点:vm,vh,vmin,vmax]
  2.1.2.当需要在较大分辨率下得到固定宽度是,使用max-width,可以适应较小分辨率
  2.1.3.为替换元素(img,object,video,iframe等)设置max-width,值为100%
  2.1.4.加入背景图片需要完整铺满一个容器,background:cover
  2.1.5.当元素以行列式进行布局时,让视口宽度来决定列数.flexBox或者display:inline-block可以
  2.1.6使用多列文本时,指定column-width可以在较小的屏幕自动显示为单列布局
3.尽最大的努力实现弹性布局,并在媒体查询的各个断点区间内指定相应尺寸
4.合理使用简写是一种良好的防卫式编码方式
5.关于预处理器
 5.1文件体积和复杂度可能会失控
 5.2调试难度加大
 5.3编译造成一定程度延时
 5.3协作者的学习时间成本
 5.4抽象泄露法则
 5.5原生css的发展,且版本强大

今天只学了第一章,笔记也做得很简单,粗略的翻阅了下后面,css魔法还是很迷人的.
学习是最好的投资,并且稳赚不赔,共勉，欢迎有跟我一起讨论学习的人!
1024,我们就是创造时代的人‍‍