关于前端:前端常用重难点总结之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)

【腾讯云】轻量 2核2G4M,首年65元

阿里云限时活动-云数据库 RDS MySQL  1核2G配置 1.88/月 速抢

本文由乐趣区整理发布,转载请注明出处,谢谢。

您可能还喜欢...

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据