在Vue项目中，尤其是在使用组件化开发时，我们某些时候需要对组件内部的某些样式优化，但Vue的样式封装特性（scoped）会阻止外部样式直接作用于组件内部。为了应对这一挑战，Vue社区引入了深度选择器

对CSS布局掌握程度决定你在Web开发中的开发页面速度。随着Web技术的不断革新，实现各种布局的方式已经多得数不胜数了。 本篇文章总结了四十二种CSS的常见布局，这四十二种布局可以细分为如下几类：

最近在工作中做了一些响应式布局的功能和可视化大屏的开发，所以这里我也整理一下用到的响应式布局方案作为未来项目开发的参考方案 常用实现方案 flex 布局 flex 布局一把梭能解决绝大多情况下的响应式

一、rem转换公式 元素rem = 元素px/(设计稿的宽度/划分的份数)=元素px/html的font-size大小； 二、适配原理 将屏幕划分10等份（所以公式中的划分份数就是10），通过设置ht

写在前面 使用不带scoped的全局样式 学过vue的都知道，带有scoped的样式是当前作用域样式，不带scoped的就是全局样式了。那么，我们就可以通过修改组件的类的样式达到修改组件默认样式的效果

由于传统 CSS 没有作用域的概念，不同组件中的 CSS 样式会全局生效，极大可能会导致样式冲突。因此开发过程中需要对不同组件的样式进行隔离，以避免协作开发时产生样式冲突。

前端开发同学都知道，在html里面，元素分为两种基本类型：1.块元素 2. 内联元素；然而内联元素是没有宽和高属性的，在我们布局页面的过程中，如果需要让块元素水平排列，我们除了使用浮动(float)、

display的table和table-cell一般情况下用的不多，所以很少有人去关注它，但他们两个联手起来会给你惊喜！这里抛出这样一个问题，如下，让块里的多行文字垂直居中？一说到垂直居中就会想到，单

之前面试的大佬问我关于重排重绘的原理和具体操作，一下子把我问蒙了。回家便默默地把问题记下来，仔细总结……在阅读了一些文章后，自己也有了一定的理解，所以分享给大家。希望大家也能耐心把这篇文章看完，认真思考，彻底掌握这个知识点！ 5.将布局绘制(paint)在屏幕上，显示出整个页面…