1. 下面哪一个是&的符号码（B）

A." B.& C.&comp D. 

1. font-size：62.5%，解释一下如此设计字体大小的原因？

因为默认情况下html标签的默认字号是16px，此时如果取默认，那么1em就是16px，此时fotn-size:62.5%; 此时就能将HTML这个根元素的字号变为10px。此时页面上所有元素的尺寸就方便计算了。但是62.5%逐步退出了历史舞台，因为Chrome30版本不支持12px以下的字号了。

1.   前端工程师html
   
     
   
   以上代码中不合理的部分有哪些？

首先如果要空格，应该使用css中的text-indent:2em; 并且如果要换行，应该使用语义标签ｐ。非要用ｂｒ，也要写
，而不是标签对儿。

1. 常见的网页图像格式有（C）
   A.gif，tiff B.tiff，jpg C.gif，jpg D.tiff，png

1. 的意思是（A）？
   A.图像对于周围的文本左对齐
   B.图像对于周围的文本右对齐
   C.图像对于周围的文本底部对齐
   D.图像对于周围的文本顶部对齐

1. Form中的input可以设置readonly和disable，请问这两项属性有什么区别？

readonly表示只读，不能更改元素内容。仅仅能作用在text/password/textarea上面。

disabled表示不可用，能作用在所有控件上面，比如select、radio、checkbox。

1. 列举CSS中position的参数和作用？

四种定位：absolute、relative、fixed、static。

展开说三种定位的参考点是什么。

1. 为什么利用多个域名来存储网站资源会更有效？

1. CDN，表示让用户从离自己最近的下载点下载资源。
2. 突破服务器的带宽限制。
3. 节约主域名的连接数，提升并发
4. 更加安全，比如静态资源服务器上面，不能运行任何代码的。

1. 
   定义一个div，在IE8下高度为100px，在IE7下为120px，在IE6下为140px。

height:120px;

-height:140px;

height:100px\0;

还有：

1.  当p的元素设置为bold时，以下哪条CSS语句的说法是正确的（D）

A.

B.

C.p{text-size:bold;} D.p{font-weight:bold;}

1. 网页设计采用div+css有什么好处？

语义清晰，DIV负责结构，CSS负责样式。便于更改，缩减页面代码，对SEO有利。便于改版，便于控制和排班布局。表现和内容相分离。

1. 介绍盒子模型，说说标准盒子模型和IE盒子模型有什么区别，以及触发不同模型的条件？

标准盒子模型padding、margin外扩

IE盒子模型是padding、marign内减。如同写上了box-sizing:border-box;

要加上标准DTD，可以让IE使用标准盒子模型。去掉DTD此时浏览器叫做Quirk(怪异模式)。

1. CSS哪些属性可以继承？

text-开头的、line-开头的、font-开头的、color、cursor。

不能继承的是一切盒模型属性。

1. 标签的定义与用法，你常用的DOCTYPE是什么？

用在html标签之前，定义是HTML什么版本和XHTML什么版本。

我常用是html5的声明头。

Strict版本不能使用b、u、i

transitional版本可以使用bui，所以HTML4中我经常使用这个。

1. 介绍你所知道的CSS hack技巧。

hack就是浏览器留的后门，方便对这一个版本的浏览器单独定义样式，

_、-针对IE6，*width、+width用于IE6和IE7。

color:red\0; 是IE8、9、10的hack。

color:red\9\0：是IE9、10的hask

还有HTML中：

1. 请用div+css简单写出一段“返回顶部”的悬浮效果。

name="top">

...

...

..

样式:

.top{position:fixed;right:20px;bottom:20px;width:100px;height:100px;}

1. 内联和important哪个优先级高？

还有样式表：

p{color:blue !important;}

important优先级高。如果属性是通过继承影响的，此时!important无效。

1. 请解释一下CSS的优先级，并说明优先级如何计算？

当多个选择器定义了同一个属性为不同值，根据优先级来确定以谁为准。

id最大，类第二，标签名第三。数个数即可。比如：

#box ul li.spec  权重就是（1,1,2）

#box ul li权重就是（1,0,2）

如果是继承，权重是0。如果都是继承，有“就近原则”。

1. 如何解决IE6下select优先级高于div而导致的无法遮盖问题？

再写一个div，用此div盖住select。当select应该出现的时候，此时让div盖住它。

1. 定位的值有哪几种？区别是什么？

1. 相对定位相对自己定位
2. 绝对定位默认以文档为参考点。如果自己的祖先元素中有定位的元素，此时以离自己最内层的已经定位的祖先元素为参考点。
3. 固定定位以窗口为参考点。

1. 在HTML页面中，position的默认值是什么？

static。

1. 一个宽度不确定的div里面放三个水平对齐的div，左右2个div宽度固定为150px，中间那个div充满剩余的宽度。

圣杯布局，也叫作双飞翼布局。2004年特别火！

方法1就是固比固的思路，两个固定的元素绝对定位，中间的元素标准流中。此时利用绝对定位无视父盒子的padding，此时给父盒子加padding，错开左右两边的宽度即可。

方法2： 使用CSS3中的弹性盒属性，就是父元素设置display:-webkit-box；子元素中的两个不写box-flex，只让中间那个写box-flex:1即可。

1. IE如何让超出宽度的文字显示为省略号？

p{

    width: 50px;  /*必须设置宽度*/

    overflow: hidden;  /*溢出隐藏*/

    text-overflow: ellipsis; /*以省略号...显示*/

    white-space: nowrap;  /*强制不换行*/

}

1. 首行缩进2个字符的CSS代码是什么？

text-indent:2em;

1. 为什么在firefox下文本无法撑开容器的高度？

如果我们一个盒子写了height那么此时文本无法撑开盒子高度，请使用min-height。

1. 写一段CSS代码，让Chrome支持小于12px的文字。

font-size:12px; -webkit-transform:scale(0.8);

1. 下面哪一个属性可以在新窗口打开一个链接（B）

A. _parent B. _blank C. _self D. _top

1. 谈谈对CSS Sprites技术优缺点的理解。

CSS精灵技术，优点就是减少HTTP的请求数量，加快网页渲染速度。便于一整套更换，比如圣诞节了，此时可以改变CSS中的各种按钮、logo变成圣诞风格，一下子全变了。

缺点就是不能随意改变之前已经在精灵上面的图片的位置，做repeat-x、repeat-y精灵难以实现。做先导小符号的时候，精灵要靠边。

1. CSS的伪类有哪些？有什么作用？在各个浏览器下都兼容吗？

:hover、:visited、:link、:active。

link没有点击的

visited：点击过的

hover悬停的

active是按下那一瞬间。

都兼容，但是要按照“爱恨准则”link、visited、hover、active放置。

1. 以下链接到电子邮件的正确格式是：（B）

A.邮箱
B.邮箱
C.邮箱
D.邮箱

Email

1. 怎样解决超链接访问过后hover样式不出现的问题？
   但是要按照“爱恨准则”link、visited、hover、active放置。

1. 请列举IE6的一些Bug的解决办法。

双倍margin：浮动的方向设置的和marign方便不相同即可。

有链接的图片的边框：img{border:none}即可。

3px bug ：给容器设置display:inline-block即可。

overflow:hidden失效，用zoom:1;来解决。

png透明度，用js：pngfix.js来解决。

1. 请尽可能多的列举IE6、IE7、Firfox浏览器的常见CSS兼容性差别以及解决办法。

等于上题。

1. 一个网页制作完成后，在发布之前，我们会对页面进行测试，测试内容主要包括哪几个方面？

兼容性、js特效的bug、流畅度、加载速度的测试。

1. 在网页设计与制作时，为了使制作出来的网页下载速度快、布局合理、浏览方便、和谐悦目，应注意哪些问题？

1. 网页文件大小
2. 页面布局
3. 页面导航
4. 图像大小
5. 颜色搭配
6. 背景图像

1. IE6下为什么无法定义1px左右高度的容器？

加上伴生属性 ：   _font-size:0;

1. 写出5条Firefox和IE的脚本兼容问题？

绑定监听：IE是attatchEvent()  、 firefox是addEventListener();

计算样式：IE是computedStyle、 firefox是getComputedSyle();

滚动事件：IE是MouseWheel、 firefox是onmousewheel

表单元素：IE是 document.forms(”formname”) ， firefox是document.forms["formname"]

事件对象： IE是window.event属性， firefox必须给事件处理函数注入实参event

1. 最常遇到的兼容Bug有哪些？有哪些问题解决起来是最麻烦的？

1. DOCTYPE的作用？严格模式和混杂模式的区别，如何触发这两种模式，区分它们有何意义？

上面讲过了。

1. 超链接只能在不同的网页之间进行跳转吗？（判断题）

可以有锚点，返回顶部

使文字加粗除了外，还有font-weight:bold;。