css3的使用与学习

html css js 前端三剑客

当时入门的时候html css用很快的速度就学完了,自工作以来一直在学习js 和 一些前端框架,疏忽了对css的重视,今天翻看文件,发现了一本关于css的书,在文件夹里呆了很久也没有去看,准备这段工作之余的时间研读一下加深对css3的理解,记录一下学习心得

 是名叫大漠的一位大佬写的,感觉里面很多技术都是我原本都没有注意没有了解的,最近我也在对前端过渡,动画有点兴趣,准备好好看一下(原来复杂点的动画都是插件,或者cv),

https://www.w3cplus.com/ 这个是他的个人网站,有兴趣的同学,可以去他这里面看,很多文章都会让人眼前一亮,很值得学习。

第一章 揭开css3的神秘面纱

这章主要是讲述了

1. 什么是css3,就是样式表(css)的一个版本, 就像是 es5 es6 一样,添加更多的新功能(后面慢慢说),更加方便的书写页面样式。

2. css3 支持度,这个我在这里就不一一例举了,大家可以自行百度查找一下,(学习css3我肯定要在可以支持的上面使用,而且以后肯定都会支持的)

3. 使用css3 有什么好处,这个我结合书中的还有我自己实践来总结一下:

3.1 提高页面性能,就比如圆角呀,过渡呀,可以使用css3样式直接写,不用请求js呀,加载图片呀,减少请求可以页面速度更快

3.2 布局更加方便,原来一到页面布局,就开始 左浮动呀,右浮动呀,清除浮动呀,烦都烦死了(现在维护的老项目,还有使用浮动的很烦),现在有盒子布局呀 flex 直接就完事儿,方便的不要不要的。

大概第一章就讲述了这些,学习css3还是特别必要的,前天吧,要写一个列表的标题,向上滚动的时候标题要固定在顶部,然后我就在想该怎么实现,什么计算距离顶部距离呀,很多很多,然后就百度一下看看有什么解决办法,发现了 position:sticky 这么一个东西,然后就轻松解决的我的问题,原来我都没听过没有使用过(也许只有我一个人不知道...),简直太强大了,没有用过的朋友也可以试一下,他可以解决,比如浸入式头部,table 的 头部,滚动固定,很多很多场景都可以使用。

好啦,大家如果有想看这本书的可以自己百度吧,我也不知道怎么上传这个pdf,一百度就可以找到。

好好学习天天向上,加油 奥力给

猜你喜欢

转载自www.cnblogs.com/weisuoyuwei/p/12422730.html