在项目中关于css的心得

引言

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

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

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

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

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

项目

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

心得 

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