CSS中的权重

html-css019

CSS中的权重,第1张

元素会被多个样式一层层作用，这就是层叠样式表的来源。如果多个样式作用在元素上就会产生优先级权重的问题。

零、属性后面使用!important，权重最大，会覆盖页面内任何位置定义的元素样式。

一、内联样式，权重为1000【写在HTML元素的style属性中】

二、ID选择器，权重为0100【非内联样式】

三、类、伪类、属性选择器，权重为0010【非内联样式】

四、标签、伪元素选择器，权重为0001【非内联样式】

五、通配符、子选择器、相邻选择器等，权重为0000【非内联样式】

六、继承的样式没有权重

注意

没有权重 和 权重为0 ， 权重为0 的权重比 没有权重 的大，优先级高

1、 选择器中 ID选择器 的权重【a = 数量 * 权重】

2、 选择器中 类、伪类、属性选择器 的权重【b = 数量 * 权重】

3、 选择器中 标签、伪元素选择器 的权重【c = 数量 * 权重】

4、 最终的权重w = a + b + c

运行截图

width：宽度【块级元素的会继承父类的内容宽度contentwidth，】

color：字体的颜色

将这些问题作为参考。

希望你的面试官有点经验，不会用以下这样的问题开场。以防万一，还是准备一些答案。

1.为什么选择程序员这个职业生涯?

2.截至目前，你所从事的项目中最喜欢的是哪个?

3.描述一下你梦想中的研发项目。

另外一些面试官会问一些通用的技术问题，来测试你的技术能力。有可能部分人不知道这些问题是什么意思，而仅仅是在考察你的能力/竞争力。基于面试官的技术能力级别的不同，你的答案也会有所不同。这些问题简单易答，因此把这些问题记下来。

1.描述一下创建一个新网页的过程

2.怎样减少页面加载时间?

3.标准和标准体(standards

and

standards

bodies)为什么重要?

4.你使用怎样一个过程来组织代码?

5.你喜欢用什么工具来测试代码性能?[page]

既然你从事前端工作，理解CSS会非常重要。因此这里为你准备了一些常见的CSS问题。这是展示你知识储备的重要开始。这些并不是最尖锐或者重要的问题，如果不能回答出来，将对你很不利。

1.CSS

中的

resetting

和

normalizing

之间的区别有哪些?

2.什么是floats，它是如何工作的?

3.absolute、relative、fixed

和

static

定位的区别是什么?

4.解释visiblity

hidden和display

none之间的区别

5.你是如何修复特定浏览器默认样式的问题?

6.你是否用过网格系统?目的是?

7.如果计算CSS权重?

8.解释如何优化CSS选择器。

9.为什么需要使用预编译器?

10.你是如何测试网站的跨浏览器兼容性?

现在我们最基本的任务完成了。谁都能死记硬背这些答案来应付以上问题。即使是新手前端开发者也能出色地回答大部分问题。然而如果想真正让你的面试官印象深刻并证明你的功底深厚，就把下面这些问题牢记在心。

1.前端开发的框架是什么?

2.响应式web

app和原生应用程序的区别是什么?

3.原生app相对web

app的优点是什么?

4.客户端和服务器端开发的区别是什么?

5.什么是SASS和LESS?它们是如何工作的?

面试官会更多关注你是如何表达对这些问题的解释。他们会追问支持你的答案的工作案例。前面的问题你可能可以通过记忆而过关，你可能还会遇到这些问题的扩展，但这些答案的深度，将让你与众不同。通过你参与过的实际项目，来展示你的思考过程。