css

1. overflow-x 属于 CSS2 还是 CSS3
css3，可以查找css参考手册，附上最新版的css手册
2. 请列举几种可以清除浮动的方法（至少两种）
先来说说浮动的原理和清除浮动的原因：浮动的框可以左右移动，直至它的外边缘遇到包含框或者另一个浮动框的边缘。

浮动框不属于(或脱离了)文档中的普通流，当一个元素浮动之后，不会影响到块级框的布局而只会影响行内元素(如span、a、em)的排列，即行内元素浮动后就会表现得像块级元素一样。

当浮动框高度超出包含框的时候，也就会出现包含框不会自动伸高来闭合浮动元素（或者可以称为“高度塌陷”现象）。

在实际布局中，往往这并不是我们所希望的，所以需要闭合浮动元素，使其包含框表现出正常的高度。

清除浮动方法：
添加额外(空)标签
通过在浮动元素末尾添加一个空的标签例如 <div style=”clear:both”></div>
优点：通俗易懂，容易掌握；
缺点：增加无意义的标签，有违结构与表现的分离。

（2）父元素设置 overflow：hidden
通过设置父元素overflow值为hidden；在IE6中还需要触发 hasLayout ，例如 zoom：1；
优点：不存在结构和语义化问题，代码量极少；
缺点：内容增多时候容易造成不会自动换行导致内容被隐藏掉，无法显示需要溢出的元素。

（3）父元素也设置浮动
优点：不存在结构和语义化问题，代码量极少;
缺点：使得与父元素相邻的元素的布局会受到影响，不可能一直浮动到body，不推荐使用。

（4）给父元素添加clearfix类
由于IE6-7不支持:after，使用 zoom:1触发 hasLayout。

优点：结构和语义化完全正确,代码量居中;
缺点：复用方式不当会造成代码量增加。

clearfix类代码如下：
//:after会在元素内容——而不是元素后面插入一个伪素，该规则只添加了一个清除的包含句点作为非浮动元素，注意，:after不是伪类，而是伪元素
.clearfix:after {
content: ".";
display: block;
height: 0;
visibility: hidden;
clear: both;
}
// 触发IE6、7下的haslayout
.clearfix {
*zoom: 1;
}
3. display:none 和 visibility:hidden 的区别是什么
相同点：display:none与visibility:hidden都可以用来隐藏某个元素；
不同点：display:none在隐藏元素的时候，将其占位空间也去掉；而visibility:hidden只是隐藏了内容而已，其占位空间仍然保留。

4. 请缩写以下代码：
.box {
background-position: 10px 20px;
background-repeat: no-repeat;
background-attachment: fixed;
background-color: red;
background-image: url(box.png);
}
这个没什么好说的，只要是使用过css背景属性的人都知道缩写形式，另外需一提的是color属性可放在最前面也可以放在最后面。

.box {
background: red url(box.png) no-repeat 10px 20px fixed;
}
5. 如何让一段文本中的所有英文单词的首字母大写
css的text-transform：none(默认值) | capitalize | uppercase | lowercase | full-width(css3新增)；取值方面可查看手册，具体是什么就不多说了。

CSS引入的方式有哪些? link和@import的区别?
引入css的方式有下面四种
（1）使用style属性
（2）使用style标签
（3）使用link标签
（4）使用@import引入
Link和@import区别：
（1） link属于XHTML标签，@import是CSS提供的一种方式。

Link除了加载CSS外，还可以做很多事情，如定义RSS，rel连接属性等；@import只能加载CSS （2）加载顺序不同，当页面被加载的时候，link加载的CSS随之加载，而@import引用的CSS会等到页面完全下载完之后才会加载
（3）兼容性差别，由于@import是CSS2.1提出的，所以老的浏览器不支持，IE系列的浏览器IE5以上才能识别，而link没有这个问题
使用DOM控制样式的差别，使用JavaScript控制DOM去改变样式的时候，只能操作link，@import不可以被DOM操作。

15，css 中id和class如何定义,哪个定义的优先级别高?
id：#***，***为HTML中定义的id属性
class:.***，***为HTML中定义的class属性
id比class的优先级高
CSS3相对于CSS2也新增了不少功能
（1）选择器更加丰富
（2）支持为元素设置阴影
（3）无需图片能提供圆角
1. 介绍所知道的CSS hack技巧(如：_， *， +， \9， !important 之类)。

2. 介绍CSS盒模型。

3. CSS层叠是什么?介绍一下。

4. 都知道哪些CSS浏览器兼容性问题。

5. 有时会被问到些刁钻点的题，比如position值都有哪些，CSS3都有哪些新内容...
8、 CSS引入的方式有哪些? link和@import的区别是?
css引入方式有链接式、导入式、内嵌式
差别1：link属于XHTML标签，而@import完全是CSS提供的一种方式。

link标签，除了可以加载CSS外，还可以做很多其它的事情，比如定义rel连接属性等，@import就只能加载CSS了。

差别2：加载顺序的差别。

当一个页面被加载的时候（就是被浏览者浏览的时候），link引用的CSS会同时被加载，而@import引用的CSS会等到页面全部被下载完再被加载。

所以有时候浏览@import加载CSS的页面时开始会没有样式（就是闪烁），网速慢的时候还挺明显（梦之都加载CSS的方式就是使用@import，我一边下载一边浏览梦之都网页时，就会出现上述问题）。

差别3：兼容性的差别。

由于@import是CSS2.1提出的所以老的浏览器不支持，@import只有在IE5以上的才能识别，而link标签无此问题。

差别4：使用dom控制样式时的差别。

当使用javascript控制dom去改变样式的时候，只能使用link标签，因为@import不是dom可以控制的。

1. overflow-x 属于 CSS2 还是 CSS3
2. 请列举几种可以清除浮动的方法（至少两种）
3. display:none 和 visibility:hidden 的区别是什么
4. 请缩写以下代码：
.box {
background-position: 10px 20px;
background-repeat: no-repeat;
background-attachment: fixed;
background-color: red;
background-image: url(box.png);
}
5.如何让一段文本中的所有英文单词的首字母大写
2、 CSS选择符有哪些？哪些属性可以继承？优先级算法如何计算?
ID 和 CLASS
Class 可继承
伪类A标签可以继承
列表 UL LI DL DD DT 可继承
优先级就近原则，样式定义最近者为准载入样式以最后载入的定位为准
优先级为 !important > [ id > class > tag ] Important 比内联优先级高
CSS3
CSS3对于我们Web开发者来说不只是新奇的技术，更重要的是这些全新概念的web应用给我们带来更多无限的可能性，也极大地提高了我们的开发效率。

我们将不必再依赖图片或者Javascript 去完成圆角、多背景、用户自定义字体、3D动画、渐变、盒阴影、文字阴影、透明度等提高Web设计质量的特色应用。

CSS3对于动画的支持
CSS3支持的动画类型有：transform(变换)、transition(过渡)和animation(动画)。

你可以对特定的属性设置transition，transiton和animation的区别不大，animation的动画是自己定义的，面向的更多的是脚本开发者，往往更加复杂。

3. CSS中margin和padding的区别
margin是外边距，属于元素之外，相邻元素的margin可以融合。

padding是内边距，在元素之内，相邻元素的padding不可融合。

介绍所知道的CSS hack技巧(如：_， *， +， \9， !important 之类)。

介绍CSS盒模型。

CSS层叠是什么？介绍一下。

都知道哪些CSS浏览器兼容性问题。

有时会被问到些刁钻点的题，比如position值都有哪些，CSS3都有哪些新内容...。