web前端工程师实习心得体会[全文5篇]

第一篇：web前端工程师实习心得体会

web前端工程师实习心得体会（精选3篇）

引导语：每个大学生都会有一段实习时间，相信这段时间会给他们带来不少的收获，那么，作为一个在web前端方向实习的学生来说，在编写实习心得体会时，应该从哪些方面入手呢？小编提供了几篇文章供经大家参考，希望能帮到你们。

web前端工程师实习心得体会篇1

仔细想来，在Web前端开发方向实习已经一年多了，从最初的DIV+CSS学起，到JavaScript、jQuery、Bootstrap框架等等，前端要学习的东西很多。接下来就总结一下我在学习过程中的一些经验吧。

第一、学好基础知识，做一个基础扎实的开发者。在IT行业，每年都会有很多新的技术诞生并且得到广泛的推广，前端技术也不例外。所以无论学到多深的程度，扎实的基本功肯定是必不可少的。

（1）HTML：尽量掌握尽可能多的标签。必须掌握的标签有等，这些虽然平时比较少用甚至几乎不用，但是当你学到Boostrap框架时，你会发现Boostrap框架为这些标签赋予了特定的功能与外观。除此之外，新增了很多标签和属性，使得HTML语言更加强大。还有很多新的内容，需要初学者更多的接触并掌握。

（2）CSS：对各个属性以及一些属性之间结合使用的技巧应该多钻研。CSS能够统一有效地对页面的布局、字体等网页中的各个元素显示属性进行控制，可以方便快捷地实现精美的页面表现效果。你会用CSS技术的使用技巧解决下列问题吗？清除浮动有哪些方式？比较好的方式是哪一种？当容器中具有浮动元素时，如何为容器设置边框或背景颜色？怎样让块级元素在容器中水平居中？当多个连续块级元素的浮动布局影响了原本不想浮动的对象时该如何处理？容器内部的对象如何实现相对于容器的自由定位？为什么要初始化CSS样式？

（3）CSS+div布局模式：许多布局模式的基础，也是大部分前端开发人员接触到的第一种布局方式。这种布局模式对于PC端页面的设计是非常有帮助的，同时对于后面将会遇到的“移动端布局”、“响应式布局”等，这种布局方式都具有一定的指导意义。

第二、将JavaScript作为前端学习的重点。JavaScript是目前大多数主流浏览器支持的面向对象的脚本语言，它可以在不与服务器交互的前提下对HTML的页面内容进行修改。JavaScript控制着网页的行为，决定着网页“做什么”。系统学习过JavaScript的同学们，你看看下列问题你能准确的找到答案吗？通过表达式来系统阐述“==”和“===”这两个运算符的区别。把某个元素移除你的视线的方法有哪些？你对JSON了解吗？通过哪个函数可以判断从文本框中获取的内容是不是数字？DOM 操作——怎样添加、移除、移动、复制、创建和查找节点？怎样判断是否为整数？运算符都能删除哪些内容？在脚本中，this有几种使用情况呢？

第三、多练习多操作，实践是检验真理的唯一标准。IT编程是需要多加实践的，要不断反复进行上机操作，是学习编程开发的唯一方法。

这些问题的答案就是我的实习心得，经过这段时间的实习，我觉得自己可以独当一面，当一个web前端工程师了呢。

web前端工程师实习心得体会篇2

作为web前端工程师，在XX工作了5个月，自己从刚开始的一名新人到最后和大家融为一体，为组内贡献自己的一份力量，我经历了很多，成长了很多。

刚进到公司，我内心是很惶恐的。我对自己没有一个正确的定位，对公司的环境也是那么的陌生。我不知道自己能不能胜任公司的工作。我所能做的就是努力再努力，用自己的勤奋来掩饰自己内心的慌张。

很欣慰的是我们组内有一个女生。她性格很柔和。每次，和他请教问题他都会耐心的帮助你。我和他成为了闺蜜，我经常的去问他问题，一些环境的配置，系统的某部分业务或者其他的问题等等。很感谢她，他帮助我尽快的去熟悉了系统的环境及业务。除了组长，组内还有李大牛和许小牛。后来许小牛走了，又来了两名同事，工作期间，他们都对我有很大的帮助，无论是工作上还是生活上，很欣慰能够遇到他们并共事一场。

工作中不是那么的顺利。别人是因为任务重，工作压力大。而我则是因为任务太轻而烦恼。我的任务总是比较简单，我很快就能做完，我体现不了自己的价值，我不开心。我去向组长争取机会，赢得了自己的第一份比较有挑战性的工作。

我要做一个webservice接口。这个任务的需求很不明确，需要我去和接口使用方进行沟通。我对系统的数据库了解甚少，对自己的库就不太了解，将他们的库对应到我们的库就更困难了。加上交流也不是很有经验，我最后搬出我们组长去跟他们沟通确定需求才开始进行开发。需求的确定用了好长时间，之后的验证也用了好久。当时开发时，接口由于没有数据，只用一条数据进行了验证，但到部署到现场时出现了好多的'问题。客户天天催，自己的压力好大。好几天都加班到好晚。这件事情比较曲折，后面的博文会详细讲述这件事情。

最后一个月，我们组要进行封闭开发。这是我在XX的最后一个月了。刚开始我以为不会给我分配什么有含量的活了。这里非常感谢组长，他并没有让我的这一个月荒废。我有我的任务，而且也很重要。因为这些，我可以和大家共同奋斗。全组成员一起加班到晚上两点那次，虽然很累，但是我很开心。这是一件很值得回忆的事情。曾经，我们也疯狂过。

web前端工程师实习心得体会篇3

记得初到公司时，我对公司的了解仅仅局限于公司网站的简单介绍，除此之外，便一无所知了。但是，在领导和同事们的支持和帮助下，我不仅加深了对公司的了解，而且很快就掌握和熟悉本岗位工作的要求及技巧，严格做到按时按量完成产品终端页等页面的制作，保证页面的与效果图的一致性和页面在各个浏览器中的兼容性。同时，减少页面中冗余的代码，保证页面的加载速度。

自从担任web前端工程师以来，虽然在工作中取得了较好的成绩，但也还存在一些不足之处。例如：工作中没有充分领会领导的意图，有时会忽视公司的工作流程等等，这些都是由于工作态度和细节决定的。这些不足都需要在今后的工作中加以改进。

在今后的工作中，我将努力提高技术水平，克服不足，朝着以下两个方向努力：1、在以后的工作中不断学习技术知识，通过多看、多学、多问、多练来不断的提高自己的各项业务技能。2、提高自己解决实际问题的能力，并在工作过程中慢慢克服急躁情绪，积极、热情、细致地的对待每一项工作。

短短三个月的时间，我学到了很多专业的知识，能够得心应手开展工作；在一个和谐的环境下，开心的工作；可以说都是受益于各位领导的栽培和各位同事的赐教。总的来说，由于本人工作经验不多，能力还有欠缺。虽然能胜任本职工作，但是社会在不断的进步，技术在不断的更新，我还需要更多的磨砺。为此，今后在工作中，我需要进一步增强开拓创新精神，刻苦钻研新的技术。在上级的正确领导下，努力拼搏，扎实工作，以更好的质量、更高的效率、更扎实的作风做好本职工作，为我们这个光荣的集体、辉煌的事业做出应有的贡献。

第二篇：web前端实习经验

经验

2014年7月11日

11:20

自我介绍时：千万不要忘记介绍名字

代码：

1.标记为done表示已经调试好，完全测试过了

2.代码规范。phpstrom，统一格式化

3.借鉴代码时注意liscence

4.项目相接时，文档规范（步骤，文档不可少）

项目：

1.CRM

2.REP

3.OA

4.微信(接口，产品（wify））

任务：

1.每天用几个小时做了什么，做得怎么样（日报，周报）

2.接受项目（任务）时，先评估后再决定是否接受，接收后做不好，更不好

处理关系：

1.尽快记住大家的名字

2.按时任务

3.邮件发送人与抄送人，1小时内回复

4.沟通：不懂或有意见的时候要及时沟通

还要学习

1.css，jQuery学习

2.算法，业务流程

3.代码规范

4.友好的注释（便于自己和他人）

5.打字速度很需要提高

6.多看英文文档

第三篇：WEB前端研发工程师-简历示例

姓名：XX
E-mail: 联系电话:

目标职位 教育经历


WEB 前端研发工程师 大学 软件学院 软件工程 本科

2008.9-至今
   

实训成绩： XXX 2011 年春季学期实习派遣综合测验成绩：XX CET-成绩： 本科课程平均成绩：分；综合排名： XX/XXX

社会活动及主要成绩
      大学所有课程设计都担任组长，带领组员取得优秀成绩 XXX 部门负责人，组织部门日常活动 XX 俱乐部活动部成员，负责小型活动的策划 XX 班长，管理班级日常事务 获得 XX 认证 参加 XXX

社会项目经历
 XX 管理信息系统(实际项目)


项目简介：时间：180 天

开发人员: 5 人

开发工具：|Flex | Oracle|MyEclipse|ArcGIS| 实现功能: XXXXX
 

个人职责：项目组成员，完成 XXXX。掌握技能： 图像处理技术初步，Flex 编程技术，ArcGIS 服务发布使用技术。

学校项目经历
 人机五子棋对战程序


项目简介：时间：14 天

开发人员: 3 人

开发工具：| Visual Studio 2008 | 实现功能: 实现电脑五子棋智能对战系统。


个人职责：项目组长。完成了以下任务 1)2)3)智能五子棋算法提出及设计 算法优化以及界面设计 项目组成员任务管理



掌握技能：MFC 编程，博弈树算法，原创五子棋对战算法



基于 WEB 的二手书交易平台


项目简介：时间：14 天

开发人员: 3 人

开发工具：| Visual Studio 2008 | Sql Server 2008|DreamWeaver| 实现功能: 实现在线二手书交易系统。


个人职责：项目组长。完成了以下任务
1

1)2)3)


网站构架设计 UI 界面设计及脚本编写 项目组成员任务管理

掌握技能：ASP 编程，JavaScript，CSS，电子商务网站模型



基于 WEB 的新型在线即时聊天系统


项目简介：时间：14 天

开发人员: 4 人

开发工具：|MyEclipse 8.5 | MySQL 5.1| DreamWeaver| 实现功能: 实现在线音乐匹配聊天，随机聊天，主题匹配聊天功能


个人职责：项目组长。完成了以下任务 1)2)3)网站构架设计及 UI 界面设计 即时聊天功能实现 项目组成员任务管理



掌握技能：JSP 编程，JavaScript 脚本，CSS 布局，即时聊天网络编程

个人知识体系
 掌握较好的技能 1 2 3 4 5 6 ○Java 技术 ○Jsp 技术 ○.Net 技术○Asp 网页编程技术 ○数据库系统 ○数据结构 7 8 ○C++编程能力 ○网络编程技术   基本掌握的技能 1 2 3 4 ○英语阅读，交流能力 ○C 语言编程能力 ○CSS 布局 ○JavaScript 脚本编程技术 初步学习但未达到掌握程度的技能 1 2 3 ○Shell 编程 ○Linux 操作系统 ○分布式系统

个人评价
已积累一定数量中小型项目开发经验。能很好地带领一个团队完成任务。有较强的自 主编程能力及团队合作，团队交流能力。善于快速学习并使

用新技术。对工作充满热情，从未试图抱怨，一直努力改变。另外我对 Web 前端开发比较熟悉，正在进行 HTML5 Canvas 游戏开发的深入学习。

求职意向
成为一个合格的研发工程师。对某项技术深入学习研究和运用。更好地适应团队开发 模式。将所学知识灵活运用的同时积累更多有价值的知识财富。另外，我喜欢挑战一些艰 难的任务。希望可以找一个有能让我释放激情的工作。

2

第四篇：web前端工程师的求职信（最终版）

求职信

非常感谢新浪提供的这次面试机会。我会用心并努力的争取这次难得的机会。

我对新浪的了解

接触网络十余载，新浪在某些方面也一直陪伴着我的成长。如今在新浪看新闻，特别是体育频道，还有新浪微博，都成了我每天必不可少要做的事情。如今得到面试的机会，更是十分兴奋，十分希望能成为新浪人，在这样的企业工作，是一生的财富和难得的经验积累。

我对自己在团队中的定位

对于前端技术方面，我肯定不是最优秀的，但是从自我创业到在公司做网站外包项目，以及去年在分众传媒做大型网站项目的历练，我对自己的认识是我对每个基层项目都有不同程度的接触和了解，这是我的优势。特别是在分众传媒的工作期间，从设计规范，前端规范的定制，到频道页面的UI界面及HTML页面都有不同程度的参与，在团队中我往往能起到协同工作，承上启下，以及救火队员的角色。虽然没有悟空的绝世武功，但却有八戒的样样通和沙僧的认真与稳重。

我对网页重构这份工作的理解

网页重构这份工作，个人认为并不是简简单单的执行者。而应该通过自己的经验，配合产品，设计及开发人员，协同进行工作。在做网站外包项目的过程中，理解的用户的需求及动机，在分众工作的时候，明确了团队协同工作的重要性。

我对前端未来的看法

HTML5和CSS3逐步为大家推崇，在内地因为IE和用户以及盗版XP的问题，使得其推广之路漫长遥远，但是例如像新浪，淘宝这样的走在技术最前沿的公司，开始着尝试和改变。对于我们前端开发及页面重构的人员，对于新技术的学习和应用则显得更为重要。

我的职业规划

我计划在努力学习前端方面最新知识的同时，为做产品方面的工作进行转型。这个想法由来已久，也有着充分的准备。并不是我不想把前端的工作做的更深入，而是随着年龄的成长和对行业，以及这个社会的认知，考虑的问题和因素更加复合化。因为有着多年底层工作的经验，从用户体验，UI设计，前端开发，甚至是服务器构架方面，都有不同程度的熟知和理解。这为自己成为一个合格的产品人员，打下了一定的基础。在对于事物的考虑上，我更喜欢全面的，多方位的，深层次的去考虑和理解一些问题，并提出疑问，并在其中加入一些所谓创新，和自己的想法。

我的优点和缺点

我的优点是善于考虑多方面的问题和细节，喜欢对某些固有的观念或技术提出新的问题和想法。考虑问题比较全面周到，工作中细心认真，能适应各种加班和出差工作，注重团队配合，喜欢与人沟通，交流一些思想与观念。

缺点方面因为在某些时候问题考虑的比较多，错过了很多应有的决策时机。工作方面也会因为此问题影响一些速度。个人来看我比较适合长期，目标性明确的任务，而不适合一些非常紧急的项目。因为我会觉得我可以将某些问题或任务解决的更好，而非常匆忙的时间，会影响其完美性。

我的人生观和价值观

多年前，年少的自己来京，开始了北漂和创业的生涯。失败过，从头来过，风风雨雨挺了过来。我的人生观极其简单，要去认真的做一些事情。结果固然成功为好，但失败依然是一笔经验与财富，不要放弃，不要自己把自己抛弃。年少时创业的早早失败，让我对人生有更多感悟，也对各种艰辛和困苦，有了更高的抗性。套用网络的句式，就是一切挫折在我面前都是浮云了。

我的一些爱好

我喜欢唱歌，过去在KTV里我会常常不自觉的成为麦霸，而现在，我更懂得要收敛。运动方面喜欢健身和游泳。喜欢泛滥的读书，从技术，文学，销售，产品，甚至漫画方面都不同程度的品读过。

由衷致谢！

2012年2月1日赵星

第五篇：Web前端工作总结

Web前端学习总结

一.名词解释 1.横切

在固定页面的宽度(按栅格化进行)并且对高度没有限制的容器称为一个标准横切 2.留白 两个容器或碎片之间的上、下、左、右的空白距离 3.继承

元素可以从其父级元素中获得一些可为自己使用的属性或值。4.图片定位

把图片元素放置到一个静态的、相对的、绝对的、或固定的位置中，利用CSS中对图片进行遮罩属性，多用于页面中的修饰图 5.底图

页面中在标签中使用的背景图 6.齐底(图)线 用于区分横切或碎片结束的线或图 7.页面结构

页面的基础框架，由横切、布局元素组成 8.焦点区(图)最易注意的区域 9.导航

在页面中具有导向性的链接集合 10.头图 页面主题图片 11.间距

碎片或文字间的距离 12.行高

文字段落中行与行之间的距离 13.首行缩进 文字段落首行缩进 14.浮动

使被定义的区域脱离正常的页面文档流 15.碎片 由文字、图片组合成的内容区域 16.通栏广告 与页面内容区同宽的广告区域 17.功能按钮 具有交互属性的按钮 18.私有样式

当前页面独立使用的样式，不具备公用性 19.水平(垂直)居中

在页面中的某个元素处于父级的上下或左右的相同距离 20.标准头(尾)定义相同的页面头或尾元素集合 二.文本格式化 1.段落：p 2.斜体：address（联系信息）em（强调）i（突出不同）cite（引用）dfn（首次定义术语）3.粗体：strong（重要）b（提醒）4.图片块：figure 5.引述文段，段落缩进：blockquote 6.背景颜色：mark 7.虚线下划线：abbr 8.上标下标：sub/sup 9.下划线：ins 10.删除线：del（标记已删除内容）s（标记不准确内容）11.等宽字体：code 12.预格式化：pre 13.字号减小，表注释：small 14.时间：time 15.换行：br 16.html5定义区块：header nav article section aside footer div span 三.表单表格

1.

...

2.表单元素的组织：

...

...

3.创建各种框: 注：text→password/url/tel/email Id:为了让对应的标签识别，添加CSS Name：为了让服务器和脚本识别，通常与id设为一样 Size：文本框大小 Maxlength：能输入的最大字符数 Pattern：正则表达式

4.添加标签： „ 5.单(多)选按钮：

北京 上海 注：id各自唯一，name必须相同。checked：默认选择 6.下拉框：

北京 上海 成都 注：size:选择框的高度 multiple：允许多选 selected：默认选择 用„对选择框进行分组 7.上传文件： 注：size：输入路径和文件名的字段的宽度 8.禁用表单元素： 9.创建提交按钮： 创建带图像的提交按钮：点击这里 创建图像按钮： Submit→reset重置

10.文本区域：请在此输入字符 11.表格 :

..	..
..	..	..

四.文本格式化 1.{font：（斜体 粗体 小型大写字母）字体大小(必有)行距 字体集（必有）;} 2.文本背景：{ background：#foc url（1.jpg）repeat-x scroll 0 0；} 3.字间距：word-spacing:12px;4.字偶距：letter-spacing:12px;5.缩进增加：text-indent:12px;6.小型大写字母: font-variant:small-caps;7.文本对齐：text-align:left；适用于block，inline-block 8.单词大小写: text-transform:capitalize(单词首字母大写)/uppercase(大写)/lowercase(小写)9.文本上的线：text-decoraion:underline/overline/line-through;11.空格：white-space:pre(显示所有空格回车)/nowrap（非断行空格）； 12.h3—16px;h5—12px;verdana,Geneva,sans-serif;13.列表属性： li{list-style:url(1.jpg)inside square;} 五.CSS布局

1.width：不包括padding，border，margin；max-width设置外围限制； 2.浮动：float:left;清除浮动：clear:both;3.设置边框： border:dotted 4px red;(dotted点状、dashed虚线、solid实线)4.使元素对齐：vertical-align:baseline/middle/text-bottom..5.显示：display:black/inline/inline-block;6.显示：visibility:visible/hiddle;7.相对定位：{position:relative;top:5px;} 相对于该元素的原始位置 8.绝对定位：{position:absolute;top:5px;} 相对于body或离他最近定位的祖先元素 9.三维位置：{z-index:50;} 越大的在最上面

10.厂商前缀：-webkit-(safari)–moz-(firefox)–ms-(IE)–o-(opera)11.创建圆角： {-moz-border-radius-topleft:50px;-webkit-border-top-left-radius:50px;border-top-left-radius:50px;}(左上角,角的半径是50px){border-radius:50px;}(所有角简写)12.创建椭圆角：{„ „ border-radius:40px/20px;}（x半径/y半径）13.创建圆形：{„ „ border-radius:50px;} 50px为元素半径大小 14.文本加阴影：{text-shadow: 2px 5px 5px #999;} x/y/模糊半径

15.元素加阴影：{(-moz-/-webkit-)box-shadow:(inset内阴影)2px 5px 5px #999;5px 10px 2px #555(多重阴影);} 16.多重背景：{background:#000 url(1.png)50% 102% no-repeat,#222 url(2.png)12px-150px repeat-x;} 17.透明度： {opacity:.5;} 0→1 透明→不透明

18.渐变背景：{background:linear-gradient(left,#000,#999);}(left ：渐变线沿逆时针方向转至水平线的角度)六.html5视频音频

1.html5支持3种视频：.ogg/.ogv.mp4/.m4v.webm 2.添加视频： 视频属性：src autoplay controls muted loop poster width height preload 3.为视频添加多个来源： 4.html5支持5中音频：.ogg.mp3.wav.aac.mp4 5.添加音频： 音频属性：src autoplay controls muted loop preload。多个来源同video。七.一些约定

我们结合常用的一些命名习惯，再结合CSS的实际应用，整理出一些较好的命名习惯。1.样式名称首字母统一为小写字母，不能为数字，下划线及特殊字符；

3.设置边框： border:dotted 4px red;(dotted点状、dashed虚线、solid实线)4.使元素对齐：vertical-align:baseline/middle/text-bottom..5.显示：display:black/inline/inline-block;6.显示：visibility:visible/hiddle;7.相对定位：{position:relative;top:5px;} 相对于该元素的原始位置 8.绝对定位：{position:absolute;top:5px;} 相对于body或离他最近定位的祖先元素 9.三维位置：{z-index:50;} 越大的在最上面

10.厂商前缀：-webkit-(safari)–moz-(firefox)–ms-(IE)–o-(opera)11.创建圆角： {-moz-border-radius-topleft:50px;-webkit-border-top-left-radius:50px;border-top-left-radius:50px;}(左上角,角的半径是50px){border-radius:50px;}(所有角简写)12.创建椭圆角：{„ „ border-radius:40px/20px;}（x半径/y半径）13.创建圆形：{„ „ border-radius:50px;} 50px为元素半径大小 14.文本加阴影：{text-shadow: 2px 5px 5px #999;} x/y/模糊半径

15.元素加阴影：{(-moz-/-webkit-)box-shadow:(inset内阴影)2px 5px 5px #999;5px 10px 2px #555(多重阴影);} 16.多重背景：{background:#000 url(1.png)50% 102% no-repeat,#222 url(2.png)12px-150px repeat-x;} 17.透明度： {opacity:.5;} 0→1 透明→不透明

18.渐变背景：{background:linear-gradient(left,#000,#999);}(left ：渐变线沿逆时针方向转至水平线的角度)六.html5视频音频

1.html5支持3种视频：.ogg/.ogv.mp4/.m4v.webm 2.添加视频： 视频属性：src autoplay controls muted loop poster width height preload 3.为视频添加多个来源： 4.html5支持5中音频：.ogg.mp3.wav.aac.mp4 5.添加音频： 音频属性：src autoplay controls muted loop preload。多个来源同video。七.一些约定

我们结合常用的一些命名习惯，再结合CSS的实际应用，整理出一些较好的命名习惯。1.样式名称首字母统一为小写字母，不能为数字，下划线及特殊字符； 2.样式名尽量语义化或简写； 3.样式名需要组合拼写时，采用全部小写拼写并使用下划线连接，即：all_keyword； 4.使用px(像素)为基本计量单位； 5.页面中空格的使用：全角：中文空格 半角；  6.项目完成包中，文件夹及文件名称全部采用小写字母，不使用中文文件名； 7.减少DIV的嵌套层数；

8.给重要图片加上alt属性；给重要的元素和截断的元素加上title； 9.使用正确的注释方法（详见“注释”章节）； 10.特殊情况下要求表现和内容分离，代码中不要涉及任何表现的元素，例如：style、font 等；

11.双标记签都要有开始和结束标签，单标记标签的后面一定要加“ /”,例如：
等，并且有正确的层次； 12.其它特殊符号： 1)<(<)2)>(>)八.命名空间

8.1外挂样式名称 全局：public.css 全局样式为全站公用，为页面样式基础，页面中必须包含。结构：layout.css 页面结构类型复杂，并且公用类型较多时使用。多用在首页级页面和产品类页面中。私有：style.css 独立页面所使用的样式文件，页面中必须包含。模块 module.css 产品类页面应用，将可复用类模块进行剥离后，可与其它样式配合使用。默认 default.css 文章 article.css 图片 photo.css 下载 soft.css 主题 themes.css 实现换肤功能时应用。补丁 mend.css 基于以上样式进行的私有化修补。8.2 常用名称(1)页面结构 容器: container 页头：header 内容：content/container/content(A)页面主体：main 页尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：left right center 浮左浮右：fl fr 清除浮动 clear(2)导航 导航：nav 主导航：mainbav 子导航：subnav 顶导航：topnav 边导航：sidebar 左导航：leftsidebar 右导航：rightsidebar 菜单：menu 子菜单：submenu 标题：title 摘要：summary 路径：path(3)模块化命名 模块头部：hd 模块内容部分：bd 模块底部：ft(4)各内容页对应 标题：title 副标题：subtitle 属性：properties 简介：infor 内容：content 分页：page 插入广告：insert_ad 表情：expression 功能选项：options 上下篇：up_down 评论：comments 相关内容：related 下载地址：download 播放地址：play_add(5)功能 标志：logo 广告：banner 登陆：login 登录条：loginbar 注册：regsiter 搜索：search 日期：date 功能区：shop 标题：title 加入：joinus 状态：status 按钮：btn 滚动：scroll 标签页：tab 文章列表：list 提示信息：msg 当前的：current 小技巧：tips 图标：icon 注释：note 指南：guild 服务：service 热点：hot 新闻：news 下载：download 投票：vote 合作伙伴：partner 友情链接：link 版权：copyright 九.基本设置-public.css 9.1 全局设置

上下边距(margin、padding)：0(px)左右边距(margin)：auto(自动)底色(background):#FFF(白色)字体(font-family)、字号(font-szie)、字色(color)：”宋体” 12px #666 代码： /* 全局CSS定义 */ body{margin:0 auto;padding:0;background:#FFF;color:#666;font:12px ‘宋体';} div,form,ul,ol,li,span,p,dl,dt,dd,img{margin:0;padding:0;border:0;} h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:12px;font-weight:normal;} ul,ol,li{list-style:none} table,td,input,textarea{font-size:12px} 9.2 页面标签初始化设置 1.常用基本标div,form,ul,ol,li,span,p,dl,dt,dd,img 设置基本标签的间距、边框默认值为0。2.h1～h6标题

默认标题内字号12px，内外间距为0px，文字不加粗。3.ul,ol,li 列表 默认不显示项目符号。4.h2 栏目标题

说明：h2标签被定义为栏目标题特殊使用，在标签中非标题文字默认居右显示，主标题文字使用span标签包含，居左显示。5.默认链接颜色

常态下不显示文字下划线，颜色为灰(#333)，鼠标悬浮时：显示文字下划线，颜色变为暗红(#ccc)。6.状态：a:link{未点} a:visited{已点} a:focus{键盘选中} a:hover{指针停留} a:active{正在点} 9.3 页面宽度 默认页面宽(命名规范)：按栅格化进行 9.4.clear 结束容器内各元素的浮动属性，使相邻容器或元素节点正常显示。以下是清除浮动的几种方法 方法一.clear { clear:both;height:0;font-size:0;line-height:0 } 或.clear { border-top: 1px solid transparent!important;margin-top:-1px!important;border-top: 0px;margin-top: 0px;height: 0px;clear: both;background: none;font-size: 0px;visibility: hidden;} 或.clear{ clear:both;font-size:1px;width:1px;height:0;visibility:hidden;margin-top:0px!important;*margin-top:-1px;line-height:0 } 使用方法: