面试时可能会问到的一些CSS问题

本文介绍了一些在面试中可能会被问到的CSS问题,希望能帮助需要帮助的朋友。





只需把这篇文章记住100遍的笔试,再问100个CSS的问题。

问:

CSS选择器是什么哪些属性可以继承优先权哪个优先级是内联和重要的高优先级

选择器





匹配选择器(*)
表示页面中所有元素的样式。
* {字体大小:12px;保证金:0;padding: 0;}



类型选择器(体、div、p、跨度等)
作为名称选择器的Web页面中存在的标签类型。
div {宽度:10px;高度:10px;}



组选择器(,)
同时为一组对象分配相同的样式。
一:链接:参观{颜色:# FFF;}



层次选择器(空格)
将样式分配选择器包括到对象中的子对象中。
#头顶部宽度:100px {;}



ID选择器(#)
id选择器是唯一的,不能在页面中重用。
#头{宽度:300px;}



类选择器(。)
可以在页面中重复使用
。标题{宽度:300px;}



的iehack选择器(_,*, 0 9 0;)
兼容不同浏览器
{ _width。标题:50px;*高度:30px;}















可继承的属性



复制代码代码如下所示:
方位角,边界塌陷,边界间距,
标题方面,颜色,光标,方向,海拔,
空单元格、字体族、字体大小、字体样式,
字体变形,字体粗细、字体、letter-spacing,
线条高度,列表样式图像,列表样式位置,
列表样式类型,列表样式,孤儿,音高范围,
沥青,报价,丰富度,讲头,speaknumeral,
讲标点,说话语速、,
应力、文本对齐、文本缩进,texttransform,
可见,声音的家庭,体积,空白,
寡妇,字间距


优先权的四项原则


原则1:继承未指定的牛乙

刚才:


复制代码代码如下所示:

* {字体大小:20px }
字体大小:12px。3 {;}

我有多大尺寸的


2:


复制代码代码如下所示:

# Id1 # ID2 {字体大小:20px }
字体大小:12px。3 { }


我有多大尺寸的



原则2:# ID >类>标签。

刚才:


复制代码代码如下所示:

# ID3 {字体大小:25px;}
字体大小:18px。3 {;}
字体大小:12px跨度{ }

我有多大尺寸的


原则3:越具体,越牛B

刚才:


复制代码代码如下所示:

。1。2。3 {字体大小:25px;}
。2。3 {字体大小:18px }
字体大小:12px。3 {;}


我有多大尺寸的



原则4:标签# ID >标签类

刚才:


复制代码代码如下所示:

跨# ID3 {字体大小:18px }
# ID3 {字体大小:12px }
跨度。3 {字体大小:18px }
字体大小:12px。3 { }

我有多大尺寸的
我有多大尺寸的


最后:原则在冲突之前,原则1>原则2>原则3>原则4。



!重要


IE6真的认识!重要吗

答:是的,但是有一个小错误。

例如:


复制代码代码如下所示:

# IDA {大小:18px }
字体大小:12px。B {;}

重要的测试:18px


加入!重要


复制代码代码如下所示:

# IDA {字体大小:18px }
B:12px {字体大小!重要的;}

重要的测试:12px


IE6的bug:


复制代码代码如下所示:

B:18px {字体大小!重要的;字体大小:12px }

重要的测试:12px


原因和方法:

在IE6是12像素,和其他浏览器是18px的话。

但当我们改变风格,重要的是放在它的后面,那是。B {字体大小:12px;字体大小:18px!重要的;},然后也18px IE6和其他浏览器。