前端题目
转自：http://witmax.cn/web-dev-test-html.html
?
以下为Web前端开发笔试题集锦之HTML/CSS篇，移步Javascript篇
<!-- Quick Adsense WordPress Plugin: http://techmilieu.com/quick-adsense --><script type="text/javascript"></script><script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"></script>1，让一个input的背景颜色变成红色
常见的块级元素有：DIV,FORM,TABLE,P,PRE,H1~H6,DL,OL,UL等
常见的内联元素：SPAN,A,STRONG,EM,LABEL,INPUT,SELECT,TEXTAREA,IMG,BR等
CSS盒模型用于描述为一个HTML元素形成的矩形盒子，盒模型还涉及元素的外边距，内边距，边框和内容，具体来讲最里面的内容是元素内容，直接包围元素内容的是内边距，包围内边距的是边框，包围边框的是外边距。内边距，外边距，边框默认为0。
11，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操作。
12，如何居中一个浮动元素?
一个浮动元素里面包含的元素可以水平居中，原理如下：
让浮动元素left相对于父元素container右移50%，浮动元素left的子元素left-child相对于left左移50%就可以实现left-child相对于container水平居中
垂直居中类似，不过操作的不是left而是top
贴出代码：
（1） 切图
（2） 布局，采用两栏布局，分别左浮动
（3） 编写css代码
贴出代码：
17，web标准网站有那些优点
（1） Web标准网站结构和布局分离，使网站的访问和维护更加容易
（2） Web标准网站结构，布局以及页面访问都标准化，使网站能在更多的web标准设备中访问，兼容性更好
（3） Web标准网站语义化更好，语义化的XHTML不仅对用户友好，对搜索引擎也友好。
来源：http://www.xuchen.name/2010/10/18/HTML,CSS,笔试题.html 修改了个别错误
