走进前端技术栈 - CSS| 青训营笔记

58 阅读2分钟

这是我参与「第五届青训营 」伴学笔记创作活动的第2天,CSS是前端中比较重要的语言,它决定了网页样式是否美观,网页中元素位置的排版是否整洁,字体大小和颜色样式,还有在页面缩小放大时的呈现状态,它就像给人穿衣服,css的一般写在style标签里面,也可以内嵌在head标签之中,css的选择器有id选择器、元素选择器、类选择器、伪类选择器、通配符选择器等,会根据选择器的优先级进行加载展示,后加载的会覆盖加载的同名样式,css还有动画效果,可以设置多个节点的复杂动画效果,根据自己的需求可以在动画的任意时刻编写想要的效果,使用@keyframs定义动画,可以设置animation-play-state:paused暂停动画,动画效果可以提升用户体验,但是会降低出程序的运行效率。css3中还有其他新增的属性效果,例如盒模型、阴影效果、弹性盒布局、透明度等,使得web页面更加漂亮和灵动,减少了开发成本,提高页面性能,冗余的页面也会导致渲染性能提高,这也是提高性能的一种方法,相对减少对图片的http请求,浏览器反应加快,有更好的用户体验。有很多的css第三方库提供使用,加快了开发速率,更加方便,个人感觉flex布局相对来说还是挺好用的,元素水平的垂直居中,横向纵向布局,切换主轴,它的很多属性在实际开发中经常用到,提高开发速度,css掌握好也是必要的,我们要根据UI提供的页面去绘制出来,美观性尤为重要,有更多的新属性需要去学习和应用,给自己做好充足的知识储备。