在项目中关于css的心得

引言

CSS在前端开发中的重要性不言而喻。它不仅使得网页设计变得更加美观和吸引人,更是为构建现代、响应式的网页布局提供了关键支持。CSS的引入,使得开发者可以独立地控制页面的样式和布局,从而更好地分离结构和样式,提升了代码的可维护性和复用性。

首先,CSS能够使网页内容更加视觉化。通过CSS,开发者可以为网页元素添加颜色、字体、大小、边距等样式,使其呈现出丰富多彩的视觉效果。这不仅能够提升用户体验,还可以使网站更具品牌特色。

其次,CSS对于响应式设计的实现至关重要。随着移动设备的普及,越来越多的用户通过手机或平板电脑访问网站。而CSS的媒体查询功能,可以根据设备的屏幕尺寸、分辨率等特性,动态地调整页面布局和样式,为用户提供更加友好、舒适的浏览体验。

此外,CSS也为前端性能优化提供了可能。通过选择器优化、代码压缩等技术,开发者可以减少浏览器的渲染负担,提高页面加载速度,从而提升用户体验。

总的来说,CSS在前端开发中扮演着至关重要的角色。它不仅关乎到网页的美观和用户体验,更是对于现代网页设计和开发不可或缺的一部分。无论是初学者还是资深开发者,都需要深入理解和掌握CSS,以便更好地应对前端开发的挑战和机遇。

项目

在页面的样式开发中,目前接触到的最多是flex布局,例如,在已有一个页面含有两个滚轮的时候,保证用户体验,只保留一个滚轮标题作者占恒定大小,剩下的空间由文章内容来占据,并锁定文章内容外的滚轮,并在文章内容中通过滚轮形式来进行展示,大致处理方法,在外面overflow-y:hidden,将外部滚轮隐藏,因为滚轮外面是用vh单位来进行编写的,而标题作者栏,需要恒定大小,所以需要结合vh-px的操作,以及滚轮最后需要留白,padding-bottom 来留100px左右,以及有一些element的元素需要进行deep穿透结合来覆盖样式。

心得 

在以往编码过程中,大体的骨架都是由我们自己来编写的,在线上项目维护,需求优化的时候,需要理解前人所写所想,在修改样式时,最重要的就是层级,以及各个标签的嵌套,以及父子标签中的属性继承,以及需要查看是否引入公共样式,避免牵一发而动全身,以及在修改宽高以及一些布局定位时,慎用px,尽量用百分比,rem

你可能感兴趣的:(css,前端,项目心得)