He_9a9的博客

CSS选择器是CSS规则的第一部分，它是元素和其他部分组合起来告诉浏览器哪个HTML元素应当是被选为应用规则中的CSS属性值的方式。经过上面的优先级计算规则，我们知道内联样式的优先级最高，如果外部样式需要覆盖内联样式，就需要使用。内联 > ID选择器 > 类选择器 > 标签选择器。选择器所选择的元素，叫做“选择器的对象”。套用上面的算法，依次求出。

随着 react、vue 等基于模块化的框架的普及使用，我们编写源生 css 的机会也越来越少。我们常常将页面拆分成许多个小组件，然后像搭积木一样将多个小组件组成最终呈现的页面。但是我们知道，css 是根据类名去匹配元素的，如果有两个组件使用了一个相同的类名，后者就会把前者的样式给覆盖掉，看来解决样式命名的冲突是个大问题。为了解决这个问题，产生出了 CSS 模块化的概念。

（reflow）和（repaint）是浏览器渲染过程中的两个关键概念。

传统的网站设计只考虑了桌面电脑的访问，而忽略了移动设备、平板电脑等不同屏幕尺寸的访问。随着移动互联网的普及，越来越多的用户使用手机、平板等移动设备访问网站，因此响应式设计成为了现代网站设计的必要选择。响应式设计的核心思想是灵活布局，即通过媒体查询等技术，根据不同设备屏幕大小和分辨率，改变网站的布局和样式表。例如，在小屏幕设备上，可以将导航栏折叠成菜单形式，缩小图片尺寸等。响应式设计可以提高网站的易用性和用户体验，使得用户无论使用什么设备访问网站都可以得到良好的展示效果。

Flex（也称为弹性布局）是一种用于页面布局的排版模型。它基于主轴（main axis）和交叉轴（cross axis）的概念，通过设置容器（父元素）和其内部子元素的属性来实现灵活的布局方式。

详解css中定位的概念，使用方法，使用场景，各个特点以及定位所存在的好处和不足之处

css单行/多行文本溢出的省略样式,使用场景,规范以及优缺点