WEB前端开发面试题集锦
web前端面试题（一）
web前端⾯试题（⼀）1 选择题1.1 默认情况下，使⽤P标记会形成什么效果（）A.在⽂字P所在位置中加⼊8个空格B.P后⾯的⽂字会变成粗体C.开始新的⼀⾏D.P后⾯的⽂字会变成斜体答案： C1.2 META元素的作⽤是什么（）A.META元素⽤于表达HTML⽂档的格式B.META元素⽤于指定相关HTML⽂档的信息C.META元素⽤于实现本页的⾃动刷新D.以上都不对答案：B1.3 我们在HTML页⾯中制作了⼀个图像，想要在⿏标指向这个图像时浮出⼀条信息，应该使⽤哪个参数做（）A.POPB.SRCC.ALTD.MSG答案：C1.4 使⽤以下哪⼀种元素可以将声⾳添加到⽹页⾥⾯（）A.soundB.bgsoundC.musicD.voice答案：B1.5 以下HTML代码中，哪⼀个是将词语“Hello”显⽰为Verdana字体并且字号为5号的正确代码（）A.<font size="5" font="Verdana">Hello</font>B.<font size="5" face="Verdana">Hello</font>C.<font size=5 face=Verdana>Hello</font>D.<font size=5 face="Verdana",text="Hello"</font>答案：B1.6 在<param>标签中，下列哪个属性⽤于给参数传递内容（）A.AddressB.ValueC.AmountD.Method答案：B1.7 ⼀个⽂件夹名称叫Parent，其下有⼀个叫做test.asp的⽂件，和⼀个名为Child的⽂件夹。
Child下有⼀个名为default.htm⽂件，想在default.htm中作⼀个连接，链到test.asp。
web前端中级面试题
web前端中级面试题Web前端中级面试题HTML基础•HTML是什么？它是一种什么样的语言？•HTML5相比于HTML4有哪些改进和新增的特性？•什么是语义化标签？为什么要使用语义化标签？•请解释什么是DOCTYPE及其作用。
CSS基础•什么是盒模型？请描述标准盒模型和IE盒模型的区别。
•请解释什么是CSS选择器及其优先级。
•CSS中position属性有哪些取值？请分别描述它们的特点和使用场景。
•请解释CSS的浮动及清除浮动的方法。
JavaScript基础•JavaScript的数据类型有哪些？请描述他们之间的转换规则。
•什么是原型链？请解释JavaScript中的继承原理。
•请描述闭包的概念和优缺点。
•什么是事件冒泡和事件捕获？请描述它们的区别和用法。
前端框架和工具•请列举几个比较流行的JavaScript前端框架，描述它们的特点和适用场景。
•什么是模块化开发？请列举几个常用的JavaScript模块化开发工具。
•请解释什么是异步编程，并举例说明异步编程的用途和常用的处理方式。
•请描述一下的生命周期钩子函数及其执行顺序。
前端性能优化•什么是前端性能优化？请列举一些常见的性能优化方案。
•请解释什么是延迟加载，如何实现延迟加载的效果？•什么是雪碧图？请解释它的原理和优势。
•请列举几个前端性能监控指标，并描述它们的作用。
通信和安全•请解释同源策略及其限制，以及如何实现跨域通信。
•请描述一下HTTP和HTTPS的区别和安全机制。
•什么是XSS攻击？如何防止XSS攻击？•请解释CSRF攻击，以及如何防范CSRF攻击。
代码质量和调试•请解释什么是代码规范，以及为什么要遵守代码规范？•请列举几个常用的前端代码规范工具，并简单描述它们的使用方法。
•请解释什么是调试，以及在开发过程中常用的调试方法。
•请列举个别在开发过程中常见的错误，以及如何进行调试和修复。
面试技巧•在面试过程中，你如何展示你的个人项目和作品集？•你在前端领域中遇到过的最具挑战性的问题是什么？你是如何解决它的？•请解释一下你在团队合作中的角色和贡献。
Web前端中级面试题
Web前端中级面试题一、不定项选择1. flex属性是下列哪三个属性的缩写？( )A.flex-growB.flex-wrapC.flex-shrinkD.flex-basis2. 下列哪些选项是JavaScript中的假值（Falsy value）？( )A. 0B. ""C. nullD. undefinedE. NaNF. "false"3. 下列选项中，不是window对象的属性的是( )A. pageXB. locationC. historyD. navigator4. 下面程序输出的结果是什么？( )function sayHi() {console.log(name);console.log(age);var name = "Lydia";let age = 21;}sayHi();A: Lydia 和undefinedB: Lydia 和ReferenceErrorC: ReferenceError 和21D: undefined 和ReferenceError5. 下列关于原型的说法错误的是( )A. 原型可以节省内存空间B. 构造函数中的prototype属性，它是一个对象，我们称之为原型C. 原型有constructor属性，原型的constructor属性指向构造函数D. 任何一个对象都有__proto__属性，实例的对象的__proto__属性指向构造函数二、填空题1. JavaScript是由哪几部分组成。
2. 表达式“123abc”-“123”的计算结果是。
3. 写出三种获取DOM元素的方法。
4. [ 1 , 2 , 3 ].map(parseInt) 输出结果为。
5. 请写出以下代码的执行顺序。
console.log(1)const p = new Promise((resolve) => {console.log(2)resolve()})console.log(3)setTimeout(() => {console.log(4)}, 0)p.then(() => console.log(5))setTimeout(() => {console.log(6)}, 0)console.log(7)三、简答题1. 请写出10个数组实例可以调用的方法。
前端工程化面试问题
前端工程化面试问题一、基础知识1. 请简述一下你对HTML5的理解？HTML5在前端开发中扮演了什么样的角色？2. 什么是CSS，它的主要作用是什么？3. JavaScript的主要特性和应用场景有哪些？4. 请谈谈你对前端框架（如React、Vue、Angular等）的理解。
你可以详细描述一下你熟悉的前端框架的主要特性和使用场景吗？5. 请解释一下什么是前端路由，以及它的实现原理。
6. 请简述一下你对前端工程化的理解，以及它的重要性。
7. 什么是模块化，如何实现前端模块化？8. 请解释一下什么是HTTP和HTTPS，以及他们的区别。
9. 请简述一下你对Webpack的理解，以及它的主要功能和使用场景。
10. 请解释一下什么是DOM，以及它的重要性。
二、进阶知识1. 请解释一下什么是虚拟DOM，以及它与真实DOM的区别和联系。
2. 请谈谈你对前端性能优化的理解，以及你通常采用的前端性能优化方法。
3. 请解释一下什么是CSS预处理器（如Sass、Less等），以及他们的特性和使用场景。
4. 请谈谈你对前端安全性的理解，以及你通常采用的前端安全措施。
5. 请解释一下什么是前端自动化，以及你熟悉的前端自动化工具和框架。
6. 请解释一下什么是前端响应式设计，以及它的实现原理。
7. 请谈谈你对前端组件化的理解，以及你通常采用的前端组件设计和开发方法。
8. 请解释一下什么是Service Worker，以及它的主要功能和使用场景。
9. 请谈谈你对前端模块热替换（Hot Module Replacement）的理解，以及它的主要优点和限制。
10. 请解释一下什么是前端路由懒加载，以及它的实现原理和优点。
三、实战经验1. 请描述一下你在过去的工作中遇到的最大的前端技术挑战，你是如何解决的？2. 请谈谈你在使用前端框架开发中的经验，以及你对其优缺点的理解。
3. 请描述一下你在前端工程化实践中遇到的问题和解决方法。
最新前端开发面试题及答案
最新前端开发面试题及答案1. 什么是前端开发？答案：前端开发是指使用HTML、CSS和JavaScript等技术构建网站或Web应用程序的用户界面的过程。
2. 解释一下什么是响应式网页设计？答案：响应式网页设计是一种使网站能够适应不同屏幕尺寸和设备的技术，确保用户在任何设备上都能获得良好的浏览体验。
3. 请简述HTML5的新特性。
答案：HTML5引入了新的语义标签，如`<header>`、`<footer>`、`<article>`等，增强了Web应用的功能，如`<canvas>`用于绘图，`<video>`和`<audio>`用于媒体播放，以及对本地存储的支持等。
4. CSS3相比CSS2有哪些改进？答案：CSS3在CSS2的基础上增加了多种新特性，如圆角（border-radius）、阴影（box-shadow）、渐变（gradients）、转换（transforms）和动画（animations）等。
5. JavaScript中的闭包是什么？答案：闭包是指有权访问另一个函数作用域中的变量的函数，即使在创建该函数的作用域之外，这些变量也会被保留在内存中。
6. 请解释同步和异步编程的区别。
答案：同步编程是指代码按照顺序执行，一个任务完成后才执行下一个任务。
异步编程允许程序在等待某个任务完成时继续执行其他任务，通常通过回调函数、Promise或async/await来实现。
7. 什么是跨域请求（CORS）？答案：跨域请求（CORS）是指浏览器在发起一个HTTP请求时，请求的域名与当前网页的域名不同，浏览器出于安全考虑，会限制这种跨域请求。
8. 请描述一下事件冒泡和事件捕获。
答案：事件冒泡是指当一个元素触发事件时，该事件会从事件源元素开始，逐级向上传播到文档的根元素。
事件捕获则是事件从根元素开始，向下传播到目标元素。
9. 什么是单页应用（SPA）？答案：单页应用（SPA）是一种Web应用或网站，它通过动态重写当前页面来与用户交互，避免了从服务器重新加载整个新页面的过程。
WEB前端开发面试题集锦
W E B前端开发面试题集锦work Information Technology Company.2020YEARWEB前端面试题整理2011-11-16 11:201、列举你工作中遇到的IE6 BUG，谈谈解决方案。
3、如何用CSS分别单独定义IE6、7、8的width属性。
所有浏览器通用height: 100px;IE6 专用_height: 100px;IE6 专用*height: 100px;IE7 专用*+height: 100px;IE7、FF 共用height: 100px !important;4、CSS中哪些属性可以同父元素继承。
继承：(X)HTML元素可以从其父元素那里继承部分CSS属性，即使当前元素并没有定义该属性Color;font-size;5、你如何理解HTML结构的语意化。
1.去掉或样式丢失的时候能让页面呈现清晰的结构：html本身是没有表现的，我们看到例如<h1>是粗体，字体大小2em，加粗；<strong>是加粗的，不要认为这是htm 现，这些其实html默认的css样式在起作用，所以去掉或样式丢失的时候能让页面呈现清晰的结构不是语义化的H 构的优点，但是浏览器都有有默认样式，默认样式的目的也是为了更好的表达html的语义，可以说浏览器的默认样义化的HTML结构是不可分割的。
2.屏幕阅读器（如果访客有视障）会完全根据你的标记来“读”你的网页.例如,如果你使用的含语义的标记,屏幕阅读器就会“逐个拼出”你的单词,而不是试着去对它完整发音.3.PDA、手机等设备可能无法像普通电脑的浏览器一样来渲染网页（通常是因为这些设备对CSS的支持较弱）.使用记可以确保这些设备以一种有意义的方式来渲染网页.理想情况下,观看设备的任务是符合设备本身的条件来渲染网语义标记为设备提供了所需的相关信息,就省去了你自己去考虑所有可能的显示情况（包括现有的或者将来新的设备如,一部手机可以选择使一段标记了标题的文字以粗体显示.而掌上电脑可能会以比较大的字体来显示.无论哪种方式对文本标记为标题,您就可以确信读取设备将根据其自身的条件来合适地显示页面.4.搜索引擎的爬虫也依赖于标记来确定上下文和各个关键字的权重.过去你可能还没有考虑搜索引擎的爬虫也是网站的“访客”,但现在它们他们实际上是极其宝贵的用户.没有他们的话,擎将无法索引你的网站,然后一般用户将很难过来访问.5.你的页面是否对爬虫容易理解非常重要,因为爬虫很大程度上会忽略用于表现的标记,而只注重语义标记.因此,如果页面文件的标题被标记,而不是,那么这个页面在搜索结果的位置可能会比较靠后.除了提升易用性外,语义标于正确使用CSS和JavaScript,因为其本身提供了许多“钩钩”来应用页面的样式与行为.SEO主要还是靠你网站的内容和外部链接的。
人事面试前端开发的面试题
人事面试前端开发的面试题
以下是一些常见的前端开发面试题：
1. 解释一下什么是前端开发？
2. 前端开发和后端开发的区别是什么？
3. 在HTML中，什么是语义化？
4. 请解释一下CSS的盒模型和如何影响布局？
5. 请解释一下CSS选择器与优先级的原则是什么？
6. 请解释一下浮动和清除浮动的原理？
7. HTML中的"data-"属性有什么作用？
8. 请解释一下响应式设计和自适应设计的区别是什么？
9. 解释一下什么是AJAX，以及它在前端开发中的作用是什么？
10. 请解释一下什么是跨域请求，以及如何解决跨域问题？
11. 请描述一下Web安全中的CSRF和XSS攻击，并提供防
御方法。
12. 请解释一下什么是闭包，以及闭包在JavaScript中的应用
场景。
13. 请解释一下JavaScript中的事件委托是什么，以及它的作
用是什么？
14. 解释一下CSS的预处理器和后处理器的区别是什么？
15. 解释一下前端性能优化的策略有哪些？
这些问题涵盖了前端开发的各个方面，从基础的HTML、CSS
知识到JavaScript的高级概念和常见的性能优化策略。
当然，
根据不同的公司和职位要求，面试官可能会针对特定的技能或经验提出更具体的问题。
web前端面试题(答案及说明,初级)
web前端面试题
1.js的中的"=", "==", "===" 的区别
- "="：赋值
- "==": 相等运算符，判断是否相等
- "===": 严格运算符,判断数值及类型是否相等
2.js中数组循环处理的方法有那些，及其区别
方法：
- map(),forEeach()
区别：
map(): 循环遍历数组中的每一项,但返回新的数组forEach(): 循环遍历数组中的每一项,但没有返回值
3.如何解决发布版本，前端缓存的问题
- 了解面试者项目的构建工具的使用
4.最近使用的技术框架及其组件有那些
- 了解面试者使用react的熟练程序
5.前后端分离，你是如何模拟业务数据
- 根据策划稿或原型稿，与后端定义API接口。
- 使用mockjs模拟API接口的输入，输出
6.谈谈你如何定位前端的性能问题，及优化。
定位性能问题：
- 工具：chrome的开发工具等
- 查看请求次数及响应时间
- 查看浏览器渲染页面完成最大时间
优化：
- 资源（css,js,image等）合并与压缩减少请求数
- 缓存策略
- 图片资源懒加载
- gzip压缩
7.你遇到过比较难的技术问题是？你是如何解决的？
- 了解面试者遇到问题的思路及其逻辑
8.当你非常忙碌的时候，你如何继续完成任务？
- 了解面试者为了按时完成任务而用那些帮助自己规划好自己的时间并保持专注的技巧。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
1、列举你工作中遇到的IE6 BUG，谈谈解决方案。
3、如何用CSS分别单独定义IE6、7、8的width属性。
所有浏览器通用height: 100px;IE6 专用_height: 100px;IE6 专用*height: 100px;IE7 专用*+height: 100px;IE7、FF 共用height: 100px !important;4、CSS中哪些属性可以同父元素继承。
继承：(X)HTML元素可以从其父元素那里继承部分CSS属性，即使当前元素并没有定义该属性Color;font-size;5、你如何理解HTML结构的语意化。
1.去掉或样式丢失的时候能让页面呈现清晰的结构：html本身是没有表现的，我们看到例如<h1>是粗体，字体大小2em，加粗；<strong>是加粗的，不要认为这是html 这些其实html默认的css样式在起作用，所以去掉或样式丢失的时候能让页面呈现清晰的结构不是语义化的HTML 点，但是浏览器都有有默认样式，默认样式的目的也是为了更好的表达html的语义，可以说浏览器的默认样式和HTML结构是不可分割的。
2.屏幕阅读器（如果访客有视障）会完全根据你的标记来“读”你的网页.例如,如果你使用的含语义的标记,屏幕阅读器就会“逐个拼出”你的单词,而不是试着去对它完整发音.3.PDA、手机等设备可能无法像普通电脑的浏览器一样来渲染网页（通常是因为这些设备对CSS的支持较弱）.使用语义标记可以确保这些设备以一种有意义的方式来渲染网页.理想情况下,观看设备的任务是符合设备本身的条染网页.语义标记为设备提供了所需的相关信息,就省去了你自己去考虑所有可能的显示情况（包括现有的或者将来新的设备一部手机可以选择使一段标记了标题的文字以粗体显示.而掌上电脑可能会以比较大的字体来显示.无论哪种方式一文本标记为标题,您就可以确信读取设备将根据其自身的条件来合适地显示页面.4.搜索引擎的爬虫也依赖于标记来确定上下文和各个关键字的权重.过去你可能还没有考虑搜索引擎的爬虫也是网站的“访客”,但现在它们他们实际上是极其宝贵的用户.没有他们的引擎将无法索引你的网站,然后一般用户将很难过来访问.5.你的页面是否对爬虫容易理解非常重要,因为爬虫很大程度上会忽略用于表现的标记,而只注重语义标记.因此,如果页面文件的标题被标记,而不是,那么这个页面在搜索结果的位置可能会比较靠后.除了提升易用性外,语利于正确使用CSS和JavaScript,因为其本身提供了许多“钩钩”来应用页面的样式与行为.SEO主要还是靠你网站的内容和外部链接的。
(转载请注明出处：WEB前端开发 /)6.便于团队开发和维护W3C给我们定了一个很好的标准，在团队中大家都遵循这个标准，可以减少很多差异化的东西，方便开发和维护，效率，甚至实现模块化开发。
6、谈谈以前端角度出发做好SEO需要考虑什么。
1、了解搜索引擎如何抓取网页和如何索引网页你需要知道一些搜索引擎的基本工作原理，各个搜索引擎之间的区别，搜索机器人（SE robot 或叫 web cra 何进行工作，搜索引擎如何对搜索结果进行排序等等。
2、Meta标签优化主要包括主题（Title)，网站描述(Description)，和关键词（Keywords）。
还有一些其它的隐藏文字比如Au 者），Category（目录），Language（编码语种）等。
3、如何选取关键词并在网页中放置关键词搜索就得用关键词。
关键词分析和选择是SEO最重要的工作之一。
首先要给网站确定主关键词（一般在5个上后针对这些关键词进行优化，包括关键词密度（Density），相关度（Relavancy），突出性（Prominency）等等。
4、了解主要的搜索引擎虽然搜索引擎有很多，但是对网站流量起决定作用的就那么几个。
比如英文的主要有Google，Yahoo，Bing等有百度，搜狗，有道等。
不同的搜索引擎对页面的抓取和索引、排序的规则都不一样。
还要了解各搜索门户和搜索的关系，比如AOL网页搜索用的是Google的搜索技术，MSN用的是Bing的技术。
5、主要的互联网目录Open Directory自身不是搜索引擎，而是一个大型的网站目录，他和搜索引擎的主要区别是网站内容的收集方目录是人工编辑的，主要收录网站主页；搜索引擎是自动收集的，除了主页外还抓取大量的内容页面。
6、按点击付费的搜索引擎搜索引擎也需要生存，随着互联网商务的越来越成熟，收费的搜索引擎也开始大行其道。
最典型的有Overture 当然也包括Google的广告项目Google Adwords。
越来越多的人通过搜索引擎的点击广告来定位商业网站，这里面化和排名的学问，你得学会用最少的广告投入获得最多的点击。
7、搜索引擎登录网站做完了以后，别躺在那里等着客人从天而降。
要让别人找到你，最简单的办法就是将网站提交（submit）擎。
如果你的是商业网站，主要的搜索引擎和目录都会要求你付费来获得收录（比如Yahoo要299美元），但是好消少到目前为止）最大的搜索引擎Google目前还是免费，而且它主宰着60％以上的搜索市场。
8、链接交换和链接广泛度（Link Popularity）网页内容都是以超文本（Hypertext）的方式来互相链接的，网站之间也是如此。
除了搜索引擎以外，人们也不同网站之间的链接来Surfing（“冲浪”）。
其它网站到你的网站的链接越多，你也就会获得更多的访问量。
更重你的网站的外部链接数越多，会被搜索引擎认为它的重要性越大，从而给你更高的排名。
9、标签的合理使用7、我们知道可以以外链的方式引入CSS文件，请谈谈外链引入CSS有哪些方式，这些方式的性能有区别吗。
要说出CSS的引入方式，没有什么难度，但要说到为什么使用不同的引入方式，就有些学问在里面了。
CSS的引入方式最常用的有三种，第一：在head部分加入<link rel="stylesheet" type="text/css" href="my.css"/>,引入外部的CSS文件。
这种方法可以说是现在占统治地位的引入方法。
如同IE与浏览器。
这也是最能体现CSS特点的方法；最能体现DIV+CSS中的内容离的思想，也最易改版维护，代码看起来也是最美观的一种。
第二：在head部分加入<style type="text/css">div{margin: 0;padding: 0;border:1px red solid;}</style>这种方法的使用情况要少的多，最长见得就是访问量大的门户网站。
或者访问量较大的企业网站的首页。
与第一种方法比起来，优弊端也明显。
优点：速度快，所有的CSS控制都是针对本页面标签的，没有多余的ＣＳＳ命令；再者不用外链ＣＳＳ文件。
直接在文档中读取样式。
缺点就是改版麻烦些，单个页面显得臃肿，ＣＳＳ不能被其他ＨＴＭＬ引用造成代码量相对较多，维护也麻烦些采用这种方法的公司大多有钱，对他们来说用户量是关键，他们不缺人进行复杂的维护工作。
第三：直接在页面的标签里加<div style="border:1px red solid;">测试信息</div>这种方法现在用的很少，很多公司不了解前端技术的领导还对这种写法很痛恨。
认为ＨＴＭＬ里不能出现ＣＳＳ命令。
其实有时候没有什么大不了。
比如通用性差，效果特殊，使用ＣＳＳ命令较少，并且不常改动的地方，使用这种方法反而是很好的选择。
除了这三种常用的ＣＳＳ引入方式，还有种很多人都没有见过的引入方式<style type="text/css">@import url(my.css);</style>这就是第四种引入方式。
在ＩＢＭ工作的时候，只能使用一种Ajax框架，就是ＤＯＪＯ。
而ＤＯＪＯ的CSS引用，就是采用了@im 式。
这种情况非常少，主要用在CSS文件数量庞大的负责的系统中。
另外@important本身是一个CSS命令，是放在CSS文件里的LINK标签有很大的区别。
8、CSS Sprite是什么，谈谈这个技术的优缺点。
加速的关键，不是降低重量，而是减少个数。
传统切图讲究精细，图片规格越小越好，重量越小越好，其实规格大小无计算机统一都按byte计算。
客户端每显示一张图片都会向服务器发送请求。
所以，图片越多请求次数越多，造成延迟的可越大。
利用CSS Sprites能很好地减少了网页的http请求，从而大大的提高了页面的性能，这也是CSS Spri 的优点，也是其被广泛传播和应用的主要原因；CSS Sprites能减少图片的字节，曾经比较过多次3张图片合并成1张图片的字节总是小于这3张图片的和。
解决了网页设计师在图片命名上的困扰，只需对一张集合的图片上命名就可以了，不需要对每一个小元素名，从而提高了网页的制作效率。
更换风格方便，只需要在一张或少张图片上修改图片的颜色或样式，整个网页的风格就可以改变。
维护起方便。
诚然CSS Sprites是如此的强大，但是也存在一些不可忽视的缺点，如下：在图片合并的时候，你要把多张图片有序的合理的合并成一张图片，还要留好足够的空间，防止板块内不不必要的背景；这些还好，最痛苦的是在宽屏，高分辨率的屏幕下的自适应页面，你的图片如果不够宽，很容背景断裂；CSS Sprites在开发的时候比较麻烦，你要通过photoshop或其他工具测量计算每一个背景单元的精确位是针线活，没什么难度，但是很繁琐；幸好腾讯的鬼哥用RIA开发了一个CSS Sprites 样式生成工具，虽然些使用上的不灵活，但是已经比photoshop测量来的方便多了，而且样式直接生成，复制，拷贝就OK！CSS Sprites在维护的时候比较麻烦，如果页面背景有少许改动，一般就要改这张合并的图片，无需改的好不要动，这样避免改动更多的css，如果在原来的地方放不下，又只能（最好）往下加图片，这样图片的字加了，还要改动css。
CSS Sprites非常值得学习和应用，特别是页面有一堆ico（图标）。
总之很多时候大家要权衡一下再决定是不是应用CSS Sprites。
9、以CSS3标准定义一个webkit内核浏览器识别的圆角（尺寸随意）-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius:10px;。
10、有这么一段HTML，请挑毛病：<P> 哥写的不是HTML，是寂寞。
<br><br> 我说：<br>不要迷恋哥，哥只是一个传说缺少p标记的结束标记。