下载文档原格式
web前端开发程序员年终总结（通用3篇）web前端开发程序员年终总结篇1工作教训经过一个半月的工作学习，我也发现了自己离一个符合公司要求的程序员还有很多差距，主要体现在工作技能与工作经验的不够，也是我以后要在工作中不断磨练和提高自己的地方。
仔细总结一下，自己在一个半月工作中主要有以下方面做得不够好：1、工作的条理性不够清晰，要分清主次和轻重缓急。
在开发时间很仓促的情况下，事情多了，就一定要有详实而主次分明的计划，哪些需要立即完成，哪些可以缓缓加班完成，在这方面还有很大的优化空间。
2、对流程、业务需求不够熟悉。
在工作中，发现因为流程或业务需求的问题而不知道如何下手的情况有点多，包括错误与缺漏还有当时设计考虑不到位的地方，对于这块的控制力度显然不够。
平时总是在开发，但说到底对业务很熟悉才是项目很好完成的前提。
4、学习的知识不够广泛。
一个项目中，涉及的技术往往有多种，知识多了，就会灵活变通，以后我会加强这方面的学习。
1、工作要注重实效、注重结果，一切工作围绕着目标的完成;2、要提高大局观，是否能让其他人的工作更顺畅作为衡量工作的标尺;3、虚心请教比我做的优秀的其他同事，向他们学习技术或经验。
其实作为一个新员工，所有的地方都是需要学习的，多听、多看、多想、多做、多沟通，向每一个员工学习他们身上的优秀工作习惯，丰富的专业技能，配合着实际工作不断的进步，不论在什么环境下，我都相信这两点：一是三人行必有我师，二是天道酬勤。
在参加工作的这短短的一个半月中，我深刻的体会到，把自己所有的精力都投入进去，技术工作都不可能做到完美程度，毕竟技术工作太繁杂，项目多而人手少，但多付出一些，工作就会优化一些，这就需要认认真真沉下心去做事情，就是公司所提倡的企业精神：职业做事，诚信待人。
web前端开发程序员年终总结篇2转眼这一年又将过去，尽管受到金融危机的影响，但我们部门，我们小组却是相当辛苦的一年，就感觉从年头马不停蹄地忙到了年尾。
web前端工作总结7篇web前端工作总结篇1从入职到现在，我在xxx导师的引导下走上了前端之路。
在这段时间的学习和项目中使我对前端业务需求和项目开发流程有确定的了解和认得，对前端也有自身的理解。
前端是建立在以产品为核心，用户体验为基础的一门技术（其实我个人更爱好用艺术来形容前端），每一个细小的视觉效果、交互体验都能给用户带去不同的感受，舒适、简单、不失高雅的前端产品更能获得用户的好评。
项目中我参加讨论产品实现的技术方案，例如：移动端中webview空页面加载方式和有内容页面加载方式是接受进度条还是蒙层加载，对比分析那种加载方式对用户更加友好；pc端中置顶小动画按钮应当在什么情况下显现，是在显现滚动条的情况下立刻显现，还是滚动到确定距离的时候再显现会对用户更加友好。
前端开发中细心极为紧要，任何一个页面的行为，它都可能关系着产品的成败，更是对用户的责任。
作为一名前端，在项目上需要谙习整个业务才略更好的开发，例如：花币领取项目中，由于对需求了解的不足透彻，在完成开发后发觉有很多场景未考虑完全而大大的延迟了迭代周期，假如一开始就谙习业务，了解需求，考虑到全部的场景，那么可以大大的削减开发的时间。
学习中在我导师的引导下了解到前端基础的紧要性，了解结构和表现在前端技能中的重量。
前端基础就好比大楼的地基，只有拥有坚固的地基，才略搭建起一座摩天大厦。
结构和表现是区分后端的紧要凭证，前端重视视觉效果，后端偏重功能实现，作为一名合格的前端，在结构和表现的技能上必须具备自身的专业优势。
前端是整个项目的桥梁，沟通产品、后台和设计。
整个项目中不但需要对自身技术确定，更需要了解业务，才略更有效率的开发和维护产品。
十年磨一剑，我怀揣着理想站在巨人的肩膀上，紧跟着的脚步希望能越走越快，有朝一日，晚霞落幕，回望过往，那片片云彩皆在欢快。
web前端工作总结篇2大家好！首先向其他部门的同事介绍一下我们前端开发部的工作内容。
假如将来的工作中，大家碰到了以下方面的问题，可以找前端部帮助:一、网站运营方面的工作前端开发部目前承当着公司紧要业务的推广及宣扬工作，工作任务细化为以下几个方面:找寻并讨论用户我们需要分析哪一部分用户是公司产品的目标客户。
前端的个人总结【精选】（五篇范文）第一篇：前端的个人总结【精选】前端的个人总结【精选】前端的个人总结【精选】篇一根据岗位职责的要求，我的主要工作任务是(1)负责对外宣传，具体包括工业园网站建设、二期招商画册的设计制作及参加相关展会等;(2)日常接待工作;(3)相关活动的策划及筹备;(4)担任讲解工作;(5)领导交办的其他工作。
通过完成上述工作，使我认识到一个称职的招商主管应当具有良好的语言表达能力、流畅的文字写作能力、网站建设维护能力、大型活动的策划及筹备能力。
目前我在网站建设、大型活动的策划方面存在不足。
在网页制作的过程中我发现，本无法适应精美网页的制作要求，于是重新学习了新的网页制作软件dreamweavermx及图形处理软件。
目前我已熟悉了上述软件的常用功能并能运用其进行基本的网页制作及图形处理。
为了让自己做一个称职的招商人员，我阅读了网上的部分策划案例，以便在以后的策划工作中有所帮助。
xxxx年又是一个充满激情的一年，在今后的工作中，我将努力提高自身素质，克服不足，朝着以下几个方向努力：1、学无止镜，时代的发展瞬息万变，各种学科知识日新月异。
我将坚持不懈地努力学习各种招商引资知识，并用于指导实践。
2、“业精于勤而荒于嬉”，在以后的工作中不断学习业务知识，通过多看、多学、多练来不断的提高自己的各项业务技能。
3、不断锻炼自己的胆识和毅力，提高自己解决实际问题的能力，并在工作过程中慢慢克服急躁情绪，积极、热情、细致地的对待每一项工作。
前端的个人总结【精选】篇二时间一晃而过，转眼间试用期已接近尾声。
在这段试用期中可以说是有喜也有忧。
和同事们工作相处中，自己慢慢转变为一个社会人，详细内容请看下文网页设计师年度个人总结。
记得初到公司时，我对公司的了解仅仅局限于公司网站的简单介绍，除此之外，便一无所知了。
但是，在领导和同事们的支持和帮助下，我不仅加深了对公司的了解，而且很快就掌握和熟悉本岗位工作的要求及技巧，严格做到按时按量完成产品终端页等页面的制作，保证页面的与效果图的一致性和页面在各个浏览器中的兼容性。
web前端学习心得体会范文（5篇）web前端学习心得体会范文（精选5篇）web前端学习心得体会范文篇11、先从画页面开始，当你做出来一些东西的时候很有成就感，你就会对你所学的东西越来越感兴趣，当你的兴趣足够时你就开始不会在百度知道这里问别人该怎么办。
而是会自己去寻找各种博客各种学习视频文档之类，最后你会发现上述任何一个都不如书带给你的知识广泛并且具有系统性。
2、然后页面的HTML代码熟悉了，就开始想想如何让你的页面不再显得那么寒碜，想着如何看着美观。
你就会自觉的去学习css。
3、上面两个都是相对简单的语言。
接下来你就应该考虑如何让你的页面有人机交互的功能，你需要在一个按钮被点击时做出某种页面动作或者数据响应。
这时你就会主动去查阅JavaScript 教程之类的网站(w3cshool、菜鸟教程)书籍(JavaScript高级程序设计)。
再后来你觉得JavaScript好是好，但是一个操作写很多代码，这时你就会发现有一样JavaScript库种东西(比如jquery)，只要两三个单词就能解决JavaScript十几行的代码解决的问题。
4、再后来你会发现，你学了这么久，什么知识都一样掌握得挺好了，可感觉得自己的页面还是没别人家的好看好用。
这时你就会发现有框架这种东西，你就开始学习并熟练地使用起来。
过些时日，你发现这框架无论怎么好都没有那种称心如意的感觉，总觉得这是别人的东西，用起来总是会遇到奇怪的问题，这时你发现还是你最初学习HTML、css、js时的基础不够好，你就会发现还是看书对自己有真正的帮助。
web前端学习心得体会范文篇2大三第一学期开始，我们学习了《web应用与技术》。
在开学初，刚开始的两节课里听老师的介绍，感觉这门课还是很有兴趣的，它不像《计算机网络》那么的只是理论，又不像语言类那么的空洞。
它运用着语言，展现着生动的画面。
这门课是理论和实践的结合，虽然实验课相对来说少了点，每次实验课都会很有收获。
web前端开发程序员年终总结web前端开发程序员年终总结（精选6篇）伴随着新年钟声的临近，一年的工作又将告一段落，回顾过去一年的工作，一定有很多需要梳理的事情，好好的总结下自己这一年的工作，让来年少走弯路吧！是不是无从下笔、没有头绪？下面是小编整理的web前端开发程序员年终总结（精选6篇），供大家参考借鉴，希望可以帮助到有需要的朋友。
web前端开发程序员年终总结1我于20xx年x月x日成为本公司技术部的一名程序员，一年转眼就过去了。
这段我人生中弥足珍贵的经历，给我留下了精彩而美好的回忆。
在这段时间里您们给予了我足够的关怀、支持和帮助，让我充分感受到了领导们“海纳百川”的胸襟，在对您们肃然起敬的同时，也为我有机会成为影响力在线的一员而惊喜万分。
这段时间，在领导和同事们的关怀和指导下，我通过不懈努力，各方面均取得一定的进步，现将我的工作情况做如下汇报：一、通过理论学习和日常工作积累经验我的各方面有了很大的进步刚到公司不久，我便开始负责方面的网站开发和广告平台开发和维护，刚开始的时候对我来说确实压力很大，因为各方面都还不熟悉，而且与之前的公司相比，节奏也有点快，不过我慢慢的习惯了环境，和同事相处的比较融洽，领导对我也比较关心，在公司里工作就像是在一个幸福的大家庭里一样，我很快喜欢上了这里。
我到公司不久，第一个项目是xxx公司网站，做这个项目的时候我遇到了几个问题，我在以前公司做的时候没有在这么短的时候完成一个项目的，在效率上提高了我的能力。
做这个项目的时候我也遇到了许多以前没有遇到过的问题，我请教同事和朋友，还有借助网络一一解决了难题。
之后，我将B2B广告招商平台进行了改版，开发了xxx智能建站广告平台以及以后网站的维护工作。
接下来，我又做了一个比较棘手的项目——xxx在线咨询系统。
为什么说棘手呢，因为我以前没有做过这方面的项目，而且我问遍了所有认识的朋友，搜遍了网络也没有找到如何解决的方法，之后我翻书籍，接着搜索网络。
web前端考试知识点总结一、HTML知识点总结1. HTML基础知识- HTML的基本结构- HTML的常用标签- HTML的元数据标签- HTML的列表、表格、表单等相关标签2. HTML5新增的语义化标签- header、footer、nav、article、section、aside等3. HTML5新增的表单元素- input的各种类型- 新增的表单元素如datalist、keygen等4. HTML5新增的媒体元素- video、audio等5. HTML5新增的API- 本地存储、离线应用、地理定位等二、CSS知识点总结1. CSS基础知识- CSS的语法- CSS的选择器- CSS的样式属性2. CSS布局- 盒模型- 浮动- 定位- 弹性盒子布局- 栅格布局3. CSS3新增的样式- 边框、背景、文字、渐变、阴影等效果 - 过渡、变换、动画等4. 响应式设计- 媒体查询- 移动优先5. CSS预处理器- SASS、LESS等三、JavaScript知识点总结1. JavaScript基础知识- 数据类型- 运算符- 流程控制语句2. JavaScript函数- 函数的定义- 作用域- 闭包- 高阶函数3. JavaScript对象- 对象的创建- 原型链- 对象的继承4. DOM操作- 节点的增删改查- 事件处理5. AJAX与跨域- XMLHttpRequest对象- 跨域访问的解决方案6. ES6知识点- let、const- 箭头函数- 解构赋值- 模板字符串- Promise等四、Web前端知识点总结1. 前端框架- Vue.js、React、Angular等- 每个框架的基本原理和使用方法2. 前端工程工具- Webpack、Gulp、Grunt等- 理解构建工具的作用和配置3. 前端性能优化- 页面加载速度优化- 代码性能优化4. 前端安全- XSS、CSRF、点击劫持等- 前端安全常见问题和解决方案5. 前端测试- 单元测试- UI测试6. 前端工程化- 模块化开发- 前端构建流程综上所述，Web前端技术知识点之多之杂，要想在考试中取得好成绩，需要对各种知识点进行深入理解和掌握。
XXweb前端工作总结web前端XX年最火的职业，你是否也想学前端呢,那快来看看吧，下面是小编整理的几篇XXweb前端工作总结范文，希望能够给你带来不一样的体会。
XXweb前端工作总结范文篇一工作回顾在我进入公司的这七个月里，我陆续接触了公司的软件开发平台，一些已经完成的项目,b2b,收银等。
在工作之余，我也在努力的学习，和同事及客户友商进行交流，学习先进的开发技术，请教别人相关开发技术问题。
存在问题1.由于开始对公司开发平台不是很熟悉，所以在了解客户所要开发的功能及表单过程中多次出现因为需求的原因，而不断修改的情况。
在与客户交流的时候，这个问题多次困扰着我，对方的需求不明，每次交流的过程中都在变更需求，从而导致了效率比较低的问题。
2.在工作过程中，用到很多我所不知道或很多我知道但不太熟悉的领域，在这个领域内，我需要不断的学习。
3.学习的知识不够广泛。
对专业知识技能方面还需要努力的加强，这方面也是目前最欠缺，希望高总能给予指导和培养。
一个项目中，涉及的技术往往有多种，知识多了，就会灵活变通，所以我会加强这方面的学习。
工作心得1. 每一个项目在开始着手的第一步，一定要和客户把需求沟通清楚，只有了解了项目的需求，才有可能真正做好一个项目。
2. 工作中，有一个无论是技术，还是经验都比较让人肯定的前辈带领，将任务详细化，详细到，每个页面、甚至是一个页面中的图片什么时候做好，做到什么程度，这样把工作进度有计划有方向的赞定下来，做事很有效率。
所以希望高总多给予我们一些指导。
3. 每周的工作小结真的很重要，这让我们每天都有计划的知道自己干了什么，不是漫无目的的工作，所以我们应该养成，周记、月记、年记的工作习惯。
4. 工作并不是一成不变的，也许有一天你要去其他岗位帮忙，所以同事之间的技术要互相学习，也许有一天，公司需要你发挥其他的技能帮忙，所以互相学习也是很重要的。
自己的工作不能仅仅局限于自己的业务范畴。
工作计划1. 要提高工作的主动性，做事干脆果断，不拖泥带水。
前端的工作总结范文6篇（经典版）编制人：__________________审核人：__________________审批人：__________________编制单位：__________________编制时间：____年____月____日序言下载提示：该文档是本店铺精心编制而成的，希望大家下载后，能够帮助大家解决实际问题。
文档下载后可定制修改，请根据实际需要进行调整和使用，谢谢!并且，本店铺为大家提供各种类型的经典范文，如工作总结、学习总结、合同协议、规章制度、条据文书、事迹材料、心得体会、教学资料、作文大全、其他范文等等，想了解不同范文格式和写法，敬请关注!Download tips: This document is carefully compiled by this editor. I hope that after you download it, it can help you solve practical problems. The document can be customized and modified after downloading, please adjust and use it according to actual needs, thank you!Moreover, the shop provides you with various types of classic model essays, such as work summary, study summary, contract agreement, rules and regulations, documents, deeds materials, experience, teaching materials, composition, other model essays, etc.want to know different model essay formats and writing methods, please pay attention!前端的工作总结范文6篇我们在进行了工作总结的写作之后都是可以让自己的经验得到记录的，工作总结是对过往的工作经验进行具体回顾的应用文体，以下是本店铺精心为您推荐的前端的工作总结范文6篇，供大家参考。
web前端开发实训总结(优秀6篇)web前端实训总结篇一读了三年的大学，然而大多数人对本专业的认识还是不那么透彻，学的东西真正能够学以致用的东西很少，大家都抱怨没有实践的机会，在很多同学心里面对于本专业还是很茫然。
直到即将毕业的时候才知道我们以前学的东西不是没有用，而是没有到用的时候。
转眼间，我们的三年大学生活即将结束，同学们都在自己的实习单位尽心尽力的实习，我也不例外。
以前，我总是盼望早点到社会参加工作，因为我总觉得工作是一件很容易的事，可是当我离开校园，真的进入社会实习后，才真正体验到——工作，并不是想象中的那样——它又苦又累，可不是一件容易的事。
实习，就像进了社会大熔炉一般，就算被磨练得遍体鳞伤，也要摩拳擦掌，做好又一次投身熔炉的准备。
为了增加自我社会经验，我于毕业前找到一份工作，是在佛山顺德的灵动外国语学校做课程顾问。
灵动外国语学校是在2001年由覃校长策划创办，2002年春与佛山正式运作的国际精英人才培训学校。
运作以来，连年以“专业诚信、国际品质”的课程赢得学员、家长的良好口碑，先后被评为全国五家优秀青少年培训机构，02年起连年被评为广东省先进的民间组织，是中国教育质量优秀品牌学校。
这家学校主要是采用外籍老师配助教，小班教学结合的互动融入式教学方式，创造一个的轻松愉快的纯语言环境，感受异国风情，同时，为学院提供全程个性化服务与活动，激发学员学习英语的兴趣，使学员更好的学习英语。
在灵动外国语学校实习，我是课程顾问，即前台文员，我的工作职责是接电话，还有接待客户，介绍学校课程与收取有关费用。
在这里首先要有服务意识与理念，了解学校的课程，也就是学校的卖点，这才是工作开始的第一步。
其次，要学会怎样与人相处和与人沟通。
公司里的员工来自五湖四海，不同地区的人有着不同的生活习惯和生活方式等，与不同地区的人相处要讲究不同的方式方法。
只有这样，才能营造良好的人际关系。
最主要的是，与同事相处一定要礼貌、谦虚、宽容、相互关心、相互帮忙和相互体谅。
Web前端实训心得体会（精选5篇）文档一：前端实训的重要性在进行web前端实训的过程中，我深刻意识到了这个实训的重要性。
通过实际动手操作来学习前端技术，让我对所学的知识有了更深入的理解，并且能够将知识应用到实际项目中。
在实训中，我学习了HTML、CSS、JavaScript等前端技术，并且练习了这些技术的实际运用。
通过这个实训，我不仅加深了对前端技术的理解，还提高了解决问题的能力和团队协作意识。
文档二：学习前端技术的困惑与突破在开始进行前端实训之前，我对前端技术还不太熟悉，遇到了很多困惑。
比如，如何布局网页、如何应用样式、如何处理用户交互等等。
但是通过实训的过程，我渐渐突破了这些困惑。
通过解决实际问题、与同学们的讨论和交流，我逐渐掌握了前端技术的基本要点。
同时，我也发现了自己解决问题的能力在实训过程中得到了极大的提升。
文档三：团队协作的重要性在实训过程中，我有幸和队友们一起合作完成了一个项目。
通过这次团队协作，我深刻体会到了团队协作的重要性。
在团队中，每个人都有自己的特长和优势，通过合作，我们可以互相学习、互相补充，最终完成一个比个人努力更出色的作品。
而团队协作也培养了我的团队合作意识和沟通能力，这对我日后的工作发展将起到很大的帮助。
文档四：持续学习的重要性通过前端实训，我深刻认识到了前端技术的快速发展和变化。
新的技术和工具不断涌现，需要我们不断学习和更新自己的知识。
只有不断学习，才能保持自己的竞争力。
因此，我决心在今后的学习和工作中，始终保持学习的心态，不断提升自己的技术水平。
文档五：前端实训带来的收获通过前端实训，我不仅学到了技术，还学到了很多其他的东西。
首先，我学会了如何解决问题和面对挑战。
在实训过程中，我遇到了很多困难和难题，但是通过自己的努力和与他人的讨论，我成功地解决了这些问题。
其次，我学会了如何进行团队合作。
通过与队友的合作，我体验到了合作的乐趣，也学到了如何与他人相处和协作。
最重要的是，我对前端技术有了更深入的理解和应用能力，这将对我未来的发展有很大的帮助。
1、正确使用HTML 和CSS 实现以下效果（中间方框部分表示图片，右侧为文字列表。
尽量不
要使用float 属性）：
a.对于该图片和文字的布局，可使用定位来解决。
外层容器相对定位，里面的图片和文字列表绝对定位，就可以实现上图的效果了。
b.display: inline-block;将对象呈递为内联对象，但是对象的内容作为块对象呈递。
旁边的内联对象会被呈递在同一行内，允许空格。
(准确地说，应用此特性的元素呈现为内联对象，周围元素保持在同一行，但可以设置宽度和高度地块元素的属性)
并不是所有浏览器都支持此属性，目前支持的浏览器有：Opera、Safari在IE中对内联元素使用display:inline-block，IE是不识别的，但使用display:inline-block在IE下会触发layout，从而使内联元素拥有了display:inline-block属性的表症。
从上面的这个分析，也不难理解为什么IE下，对块元素设置display:inline-block属性无法实现inline-block的效果。
这时块元素仅仅是被
display:inline-block触发了layout，而它本就是行布局，所以触发后，块元素依然还是行布局，而不会如Opera中块元素呈递为内联对象。
IE下块元素如何实现display:inline-block的效果？
有两种方法：
1、先使用display:inline-block属性触发块元素，然后再定义display:inline，让块元素呈递为内联对象（两个display要先后放在两个CSS声明中才有效果，这是IE的一个经典bug，如果先定义了display:inline-block，然后再将display设回inline或block，layout不会消失）。
代码如下（...为省略的其他属性内容）：
div {display:inline-block;...}
div {display:inline;}
2、直接让块元素设置为内联对象呈递（设置属性display:inline），然后触发块元素的layout（如：zoom:1等）。
代码如下：
div {display:inline; zoom:1;...}
代码如下：
<html xmlns="/1999/xhtml">
<head>
<title></title>
<style>
.box { border: 1px solid black; width: 360px; height: 180px; }
.box img { height: 160px; margin-left: 10px; }
.box ul {display: inline-block; *display: inline; zoom: 1;vertical-align:
15px; }
</style>
</head>
<body>
<div class="box">
<img src="1.png" alt="叶小钗" />
<ul>
<li><a href="#">刀狂剑痴叶小钗</a></li>
<li><a href="#">刀狂剑痴叶小钗</a></li>
<li><a href="#">刀狂剑痴叶小钗</a></li>
<li><a href="#">刀狂剑痴叶小钗</a></li>
<li><a href="#">刀狂剑痴叶小钗</a></li>
<li><a href="#">刀狂剑痴叶小钗</a></li>
<li><a href="#">刀狂剑痴叶小钗</a></li>
<li><a href="#">刀狂剑痴叶小钗</a></li>
</ul>
</div>
</body>
</html>
◆2、display:none 和visibility:hidden 的区别是什么
相同点：display:none与visibility:hidden都可以用来隐藏某个元素；
不同点：display:none在隐藏元素的时候，将其占位空间也去掉；而visibility:hidden只是隐藏了内容而已，其占位空间仍然保留。
◆3、请列举几种可以清除浮动的方法（至少两种）
先来说说浮动的原理和清除浮动的原因：浮动的框可以左右移动，直至它的外边缘遇到包含框或者另一个浮动框的边缘。
浮动框不属于(或脱离了)文档中的普通流，当一个元素浮动之后，不会影响到块级框的布局而只会影响行内元素(如span、a、em)的排列，即行内元素浮动后就会表现得像块级元素一样。
当浮动框高度超出包含框的时候，也就会出现包含框不会自动伸高来闭合浮动元素（或者可以称为“高度塌陷”现象）。
在实际布局中，往往这并不是我们所希望的，所以需要闭合浮动元素，使其包含框表现出正常的高
度。
清除浮动方法：
（1）添加额外(空)标签
通过在浮动元素末尾添加一个空的标签例如<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;
}
4、如何让一段文本中的所有英文单词的首字母大写
text-transform: capitalize//所有英文单词的首字母大写
text-transform: uppercase
text-transform: lowercase
text-transform: none
text-transform: full-width //”１２ｄｆＲ”只有firefox支持 css3新
5、
1）tite与h1的区别：<title> 标签定义文档的标题。
title 元素在所有HTML 文档中是必需的。
title 元素：
•定义浏览器工具栏中的标题
•提供页面被添加到收藏夹时的标题
•显示在搜索引擎结果中的页面标题
注释：一个文档中不能有一个以上的<title> 元素。
<h1> 定义文章的标题。
突出文章主题，用H1，面对的用户，要突出其视觉效果。
2）b与strong的区别：<strong> 定义重要的文本。
<b> 标签定义粗体的文本。
3）i与em的区别：<em> 呈现为被强调的文本。
<i>定义文本倾斜。
