在项目中关于css的心得_在打css代码过程中的思考心得-CSDN博客

本文链接：https://blog.csdn.net/wangzhen12138/article/details/135533782

本文阐述了CSS在前端开发中的重要性，包括美化网页、实现响应式设计、提升性能和优化用户体验。特别提到了flex布局在页面滚动和尺寸控制中的应用，以及编码过程中对样式层级、继承和公共样式管理的心得体会。

摘要由CSDN通过智能技术生成

引言

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

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

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

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

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

项目

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