f

fatelyh

V1

2023/01/23阅读:20主题:默认主题

前端常用重难点总结之css篇

今天天气不错,心情也一扫阴霾,人生的路,有的时候越走越窄,有的时候越走越多,但是,每一次选择,便注定意味着无数的错过,我们应该珍惜每一场相逢,把握好每一个机会,不向命运低头。 废话不多说,css篇参上。

css篇

<1>基础

1、选择器概念的理解以及css规则命名惯例
2、三种机制=>继承、层叠、特指
3、理解什么是上下文选择符
4、盒子模型、定位、浮动与清除
5、样式权重计算:计算特指度的方法=>ICE原则(即多种组合时权重分析id>class>元素)
6、正常开发最开始会有个base.css(也可为其他名字)的公共样式,可在里面写一些去除默认html效果的样式。
7、实际应用中css路径的改变经常得更改相应的图片路径。

<2>css3

1、几种布局类型对比:弹性布局(非常重要)VS栅格布局VS流式布局VS固定布局
2、活用calc可解决大部分问题,结合max-width,min-width更佳。
3、px、em、rem、vw、vh、vm、%等单位可灵活切换应用
4、css作用域scope可用于限定css的作用范围
5、媒体查询media,用于检测设备类型及屏幕大小等
6、伪类(UI伪类、结构化伪类)、伪元素。看似没多大作用的伪类伪元素深入学习后就会发现有很大妙用,以前写很多代码才能实现的效果都可以更简单实现。
7、动画Animation和Transition过渡。新增的动画Animation和过渡Transition功能跟伪类伪元素一样省下了写一大堆代码的时间,甚至都不用写js也有很酷炫的效果。

<3>更进一步
纯css3在动态计算方面有点不足,这个时候这两货就派上用场了
1、less
2、sass(scss)

分类:

前端

标签:

CSS

作者介绍

f
fatelyh
V1