今天天气不错,心情一扫而空。人生的路,有时越走越窄,有时越走越远。然而,每一次选择,都注定意味着什么,面对无数的错过,我们应该珍惜每一次相遇,把握每一次机会,不向命运低头。废话不多说,看css篇。CSS篇<1>基础1.选择器的概念和CSS规则命名约定的理解2.三种机制=>继承、级联和特化3.理解什么是上下文选择器4.盒模型、定位、浮动和清除5、样式权重计算:计算特异性=>ICE原理的方法(即id>class>element多种组合的权重分析)6.开头会有一个base.css(或其他名字)public正常开发的Style,可以在里面写一些样式,去除默认的html效果。7、实际应用中css路径的改变,往往需要改变相应的图片路径。<2>css31,几种布局类型的比较:灵活布局(很重要)VS网格布局VS流体布局VS固定布局2、使用calc可以解决大部分问题,结合max-width、min-width效果更好。3、px、em、rem、vw、vh、vm、%等单位可灵活切换应用4、CSSscopescope可用于限制CSS的范围5、媒体查询媒体用于检测设备类型和屏幕size等6、伪类(UI伪类、结构化伪类)、伪元素。看似作用不大的伪类伪元素,深入学习后会发现非常有用。以前需要写很多代码才能达到的效果,可以更轻松的实现。7.Animation动画和Transition过渡。新加入的Animation和Transition功能,像伪类伪元素一样,省去了写很多代码的时间,甚至不用写js也有炫酷的效果。<3>更进一步,纯css3在动态计算上有点不足。这时候这两个产品就派上用场了1、less2、sass(scss)
