WEB测试工作流程

WEB测试方法

在Web工程过程中，基于Web系统的测试、确认和验收是一项重要而富有挑战性的工作。基于Web的系统测试与传统的软件测试不同，它不但需要检查和验证是否按照设计的要求运行，而且还要测试系统在不同用户的浏览器端的显示是否合适。重要的是，还要从最终用户的角度进行安全性和可用性测试。然而，Internet和Web媒体的不可预见性使测试基于Web 的系统变得困难。因此，我们必须为测试和评估复杂的基于Web的系统研究新的方法和技术。本文将 web 测试分为 6 个部分：

?

功能测试

?

性能测试（包括负载/压力测试）

?

用户界面测试

?

兼容性测试

?

安全测试

?

接口测试

1

功能测试

1.1

链接测试

链接是Web应用系统的一个主要特征，它是在页面之间切换和指导用户去一些不知道地址的页面的主要手段。链接测试可分为三个方面。首先，测试所有链接是否按指示的那样确实链接到了该链接的页面；其次，测试所链接的页面是否存在；最后，保证Web应用系统上没有孤立的页面，所谓孤立页面是指没有链接指向该页面，只有知道正确的URL地址才能访问。

1.2

表单测试

当用户通过表单提交信息的时候，都希望表单能正常工作。

如果使用表单来进行在线注册，要确保提交按钮能正常工作，当注册完成后应返回注册成功的消息。如果使用表单收集配送信息，应确保程序能够正确处理这些数据，最后能让顾客收到包裹。要测试这些程序，需要验证服务器能正确保存这些数据，而且后台运行的程序能正确解释和使用这些信息。

当用户使用表单进行用户注册、登陆、信息提交等操作时，我们必须测试提交操作的完整性，以校验提交给服务器的信息的正确性。例如：用户填写的出生日期与职业是否恰当，填写的所属省份与所在城市是否匹配等。如果使用了默认值，还要检验默认值的正确性。如果表单

只能接受指定的某些值，则也要进行测试。例如：只能接受某些字符，测试时可以跳过这些字符，看系统是否会报错。

1.3

数据校验

如果系根据业务规则需要对用户输入进行校验，需要保证这些校验功能正常工作。例如，省份的字段可以用一个有效列表进行校验。在这种情况下，需要验证列表完整而且程序正确调用了该列表(例如在列表中添加一个测试值，确定系统能够接受这个测试值)。

在测试表单时，该项测试和表单测试可能会有一些重复。

1.4

cookies测试

Cookies通常用来存储用户信息和用户在某应用系统的操作，当一个用户使用Cookies访问了某一个应用系统时，Web服务器将发送关于用户的信息，把该信息以Cookies的形式存储在客户端计算机上，这可用来创建动态和自定义页面或者存储登陆等信息。

如果Web应用系统使用了Cookies，就必须检查Cookies是否能正常工作。测试的内容可包括Cookies是否起作用，是否按预定的时间进行保存，刷新对Cookies有什么影响等。如果在 cookies 中保存了注册信息，请确认该 cookie能够正常工作而且已对这些信息已经加密。如果使用 cookie 来统计次数，需要验证次数累计正确。

1.5

数据库测试

在Web应用技术中，数据库起着重要的作用，数据库为Web应用系统的管理、运行、查询和实现用户对数据存储的请求等提供空间。在Web应用中，最常用的数据库类型是关系型数据库，可以使用SQL对信息进行处理。

在使用了数据库的Web应用系统中，一般情况下，可能发生两种错误，分别是数据一致性错误和输出错误。数据一致性错误主要是由于用户提交的表单信息不正确而造成的，而输出错误主要是由于网络速度或程序设计问题等引起的，针对这两种情况，可分别进行测试。1.6

应用程序特定的功能需求

最重要的是，测试人员需要对应用程序特定的功能需求进行验证。尝试用户可能进行的所有操作：新增、修改、删除、查询等等。这是用户之所以使用网站的原因，一定要确认网站能像广告宣传的那样神奇。

2

性能测试

2.1

连接速度测试

用户连接到Web应用系统的速度根据上网方式的变化而变化，他们或许是电话拨号，或是宽带上网。当下载一个程序时，用户可以等较长的时间，但如果仅仅访问一个页面就不会这样。如果Web系统响应时间太长（例如超过5秒钟），用户就会因没有耐心等待而离开。

另外，有些页面有超时的限制，如果响应速度太慢，用户可能还没来得及浏览内容，就需要重新登陆了。而且，连接速度太慢，还可能引起数据丢失，使用户得不到真实的页面。2.2

负载压力测试

在这里的负载\压力和功能测试中的不同,他是系统测试的内容,是基本功能已经通过后进行的.可以在集成测试阶段,亦可以在系统测试阶段进行。

使用负载测试工具进行,虚拟一定数量的用户看一看系统的表现,是否满足定义中的指标。负载测试一般使用工具完成，loadrunner，webload，was，ewl，e-test等，主要的内容都是编写出测试脚本，脚本中一般包括用户一般常用的功能，然后运行，得出报告。负载测试技术在各种极限情况下对产品进行测试 (如很多人同时使用该软件，或者反复运行该软件)，以检查产品的长期稳定性。例如，使用压力测试工具对web服务器进行压力测试. 本项测试可以帮助找到一些大型的问题，如死机、崩损、内存泄漏等，因为有些存在内存泄漏问题的程序，在运行一两次时可能不会出现问题，但是如果运行了成千上万次，内存泄漏得越来越多，就会导致系统崩滑。

3

用户界面测试

界面是软件与用户交互的最直接的层，界面的好坏决定用户对软件的第一印象。而且设计良好的界面能够引导用户自己完成相应的操作，起到向导的作用。同时界面如同人的面孔，具有吸引用户的直接优势。设计合理的界面能给用户带来轻松愉悦的感受和成功的感觉，相反由于界面设计的失败，让用户有挫败感，再实用强大的功能都可能在用户的畏惧与放弃中付诸东流。目前界面的设计引起软件设计人员的重视的程度还远远不够，直到最近网页制作的兴起，才受到专家的青睐。而且设计良好的界面由于需要具有艺术美的天赋而遭拒绝。3.1

窗口：

窗口是否基于相关的输入和菜单命令适当地打开？

窗口能否改变大小、移动和滚动？

窗口中的数据内容能否用鼠标、功能键、方向键和键盘访问？

当被覆盖并重新调用后，窗口能否正确地再生？

需要时能否使用所有窗口相关的功能？

所有窗口相关的功能是可操作的吗？

是否有相关的下拉式菜单、工具条、滚动条、对话框、按钮、图标和其他控制可为窗口使用，并适当地显示？

显示多个窗口时，窗口的名称是否被适当地表示？

活动窗口是否被适当地加亮？

如果使用多任务，是否所有的窗口被实时更新？

多次或不正确按鼠标是否会导致无法预料的副作用？

窗口的声音和颜色提示和窗口的操作顺序是否符合需求？

窗口是否正确地被关闭？

3.2

4

兼容性测试

4.1

平台测试

市场上有很多不同的操作系统类型，最常见的有Windows、Unix、Macintosh、Linux等。Web 应用系统的最终用户究竟使用哪一种操作系统，取决于用户系统的配置。这样，就可能会发生兼容性问题，同一个应用可能在某些操作系统下能正常运行，但在另外的操作系统下可能会运行失败。

因此，在Web系统发布之前，需要在各种操作系统下对Web系统进行兼容性测试。4.2

浏览器测试

浏览器是Web客户端最核心的构件，来自不同厂商的浏览器对Java，、JavaScript、 ActiveX、plug-ins或不同的HTML规格有不同的支持。例如，ActiveX是Microsoft的产品，是为Internet Explorer而设计的，JavaScript是Netscape的产品，Java是Sun的产品等等。另外，框架和层次结构风格在不同的浏览器中也有不同的显示，甚至根本不显示。不同的浏览器对安全性和Java的设置也不一样。

测试浏览器兼容性的一个方法是创建一个兼容性矩阵。在这个矩阵中，测试不同厂商、不同版本的浏览器对某些构件和设置的适应性。

4.3

分辨率测试

页面版式在 640x400、600x800 或 1024x768 的分辨率模式下是否显示正常? 字体是否太小以至于无法浏览? 或者是太大? 文本和图片是否对齐?

5

安全测试

主要是测试系统在没有授权的情况下，内部或者外部用户对系统进行攻击或者恶意破坏时如何进行处理，是否仍能保证数据的安全。测试人员可以学习一些黑客技术，来对系统进行攻击。

5.1

登录

有些站点需要用户进行登录，以验证他们的身份。这样对用户是方便的，他们不需要每次都输入个人资料。你需要验证系统阻止非法的用户名/口令登录，而能够通过有效登录。用户登录是否有次数限制? 是否限制从某些 IP 地址登录? 如果允许登录失败的次数为3，你在第三次登录的时候输入正确的用户名和口令，能通过验证吗? 口令选择有规则限制吗?

是否可以不登陆而直接浏览某个页面？

Web应用系统是否有超时的限制，也就是说，用户登陆后在一定时间内（例如15分钟）没有点击任何页面，是否需要重新登陆才能正常使用。

6

接口测试

数据一般通过接口输入和输出，所以接口测试是白盒测试的第一步。每个接口可能有多个输入参数，每个参数有“典型值”、“边界值”、“异常值”之分，所以输入的组合数可能并不少。根据接口的定义，可以推断某种输入应当产生什么样的输出。输出包括函数的返回值和输出参数。如果实际输出与期望的输出不一致，那么说明程序有错误。

6.1

服务器接口

第一个需要测试的接口是浏览器与服务器的接口。测试人员提交事务，然后查看服务器记录，并验证在浏览器上看到的正好是服务器上发生的。测试人员还可以查询数据库，确认事务数据已正确保存。

6.2

外部接口

有些 web 系统有外部接口。例如，网上商店可能要实时验证信用卡数据以减少欺诈行为的发生。测试的时候，要使用 web 接口发送一些事务数据，分别对有效信用卡、无效信用卡和被盗信用卡进行验证。

6.3

错误处理

最容易被测试人员忽略的地方是接口错误处理。通常我们试图确认系统能够处理所有错误，但却无法预期系统所有可能的错误。尝试在处理过程中中断事务，看看会发生什么情况？订单是否完成？尝试中断用户到服务器的网络连接。尝试中断 web 服务器到信用卡验证服务器的连接。在这些情况下，系统能否正确处理这些错误？是否已对信用卡进行收费？如果用户自己中断事务处理，在订单已保存而用户没有返回网站确认的时候，需要由客户代表致电用户进行订单确认。

7

测试点

7.1

文本框的测试

测试方法：

a,输入正常的字母或数字。

b,输入已存在的文件的名称；

c,输入超长字符。例如在“名称”框中输入超过允许边界个数的字符，假设最多255个字符，尝试输入 256个字符，检查程序能否正确处理；

d,输入默认值，空白，空格；

e,若只允许输入字母，尝试输入数字；反之；尝试输入字母；

f,利用复制，粘贴等操作强制输入程序不允许的输入数据；

g,输入特殊字符集，例如，NUL及\n等；

h,输入超过文本框长度的字符或文本，检查所输入的内容是否正常显示；

i,输入不符合格式的数据，检查程序是否正常校验，如，程序要求输入年月日格式为

yy/mm/dd，实际输入yyyy/mm/dd，程序应该给出错误提示

7.2

命令按钮测试

测试方法：

a,点击按钮正确响应操作。如，单击确定，正确执行操作；单击取消，退出窗口；

b,对非法的输入或操作给出足够的提示说明，如，输入月工作天数为32时，单击“确定”后系统应提示:天数不能大于31；

c,对可能造成数据无法恢复的操作必须给出确认信息，给用户放弃选择的机会；

7.3

单选按钮的测试

测试方法：

a,一组单选按钮不能同时选中，只能选中一个。

b,逐一执行每个单选按钮的功能。分别选择了“男”“女”后，保存到数据库的数据应该相应的分别为“男”“女”；

c,一组执行同一功能的单选按钮在初始状态时必须有一个被默认选中，不能同时为空；7.4

组合列表框的测试

测试方法：

a,条目内容正确，其详细条目内容可以根据需求说明确定；

b,逐一执行列表框中每个条目的功能；

c,检查能否向组合列表框输入数据；

7.5

复选框的测试

测试方法：

a,多个复选框可以被同时选中；

b,多个复选框可以被部分选中；

c,多个复选框可以都不被选中；

d,逐一执行每个复选框的功能；

7.6

列表框控件的测试

测试方法：

a,条目内容正确；同组合列表框类似，根据需求说明书确定列表的各项内容正确，没有丢失或错误；

b,列表框的内容较多时要使用滚动条；

c,列表框允许多选时，要分别检查shift选中条目，按ctrl选中条目和直接用鼠标选中多项条目的情况；

7.7

滚动条控件的测试

要注意一下几点：

a,滚动条的长度根据显示信息的长度或宽度及时变换，这样有利于用户了解显示信息的位置和百分比，如，word中浏览100页文档，浏览到50页时，滚动条位置应处于中间；

b,拖动滚动条，检查屏幕刷新情况，并查看是否有乱码；

c,单击滚动条；

d,用滚轮控制滚动条；

e,滚动条的上下按钮。

7.8

各种控件在窗体中混和使用时的测试

a,控件间的相互作用；

b,tab键的顺序，一般是从上到下，从左到右；

c,热键的使用，逐一测试；

d,enter键和esc键的使用；

在测试中，应遵循由简入繁的原则，先进行单个控件功能的测试，确保实现无误后，再进行多个控件的功能组合的测试。

web前端视频教程百度网盘下载

web前端视频教程百度网盘下载 近几年web前端开发相当火爆，可以说引领了IT培训行业的新的潮流，越来越多人加入到了web前端开发的行列中来。想要学好web前端，你需要一份较新且完善的学习资料，现在就给大家千锋教育web前端视频百度网盘下载，希望对所有想学习web前端的同学有所帮助。 千锋教程第1部分：课程体系解读 https://www.doczj.com/doc/c214303442.html,/s/1o7B9OYA 千锋教程第2部分：微案例讲解 https://https://www.doczj.com/doc/c214303442.html,/s/1nwyNFg1 千锋教程第3部分：知识点讲解 https://www.doczj.com/doc/c214303442.html,/s/1jICHs9o 千锋Vue组件之手机通讯录实战课程

https://www.doczj.com/doc/c214303442.html,/s/1c1FrXLY 千锋微信小程序基础与实战 https://https://www.doczj.com/doc/c214303442.html,/s/1xE35SQcvW0sCF2NoR_ONiw 目前前端工程师人员的缺口很大，而2年工作经验的Web前端开发工资10K~15K左右。如果你会一些后台技术，并且前端技术很厉害，到20K也是可能的。工资的多少主要取决于你的技术情况，所以工资是不确定的。前景不错，选择现在学习前端技术，也更容易高薪就业。 前端开发主要是做什么？是利用HTML/CSS/JavaScript/DOM/Flash等各种Web技能结合产品的界面开发。制作标准化纯手工代码，并增加交互功能，开拓JavaScript和Flash模块，同时结合后端开拓技能仿照全部效果，结束丰富互联网的Web开拓，致力于经过进程技能改进用户体验。而其所需技能则是学习html，这个是简单的，也是基础的；学习css；js；jquery；那样就业面试时更有优势。 千锋教育Web前端全栈课程培训，致力于培养覆盖前端+后台+全栈开发

web前端基础知识

2012-5-15 [成就源于整理] | oush [深圳残 友动漫] 静态页面效果代码

目录 1.获取当前日期和星期 (2) 2.繁简中文转换 (2) 3.支持ff和ie的滤镜效果样式 (2) 4.让ie6实现li的hover事件代码 (3) 5.首页菜单效果 (3) 6.鼠标经过时菜单显示不一样的背景js (5) 7.banner效果 (6) 8.兼容两种浏览器，通常方法 (6) 9.用样式实现div的圆角 (7) 10.如何在ie6及更早浏览器中定义小调试的容器 (7) 11. 如何解决IE6及更早浏览器浮动时产生双倍边距的BUG (7) 12. 如何在IE6及更早浏览器下模拟min-height效果 (7) 13．如何解决按钮在IE7及更早浏览器下随着value增多两边留白也随着增加的问题.. 8 14．如何解决IE7及更早浏览器下当li中出现2个或以上的浮动时，li之间产生的空白间隙的BUG (8) 15．如何解决IE6下的文本溢出BUG (8) 16．如何使文本溢出边界显示为省略号 (8) 17. 如何使连续的长字符串自动换行 (9) 18．如何让已知高度的容器在页面中水平垂直居中 (9) 19. 如何做1像素细边框的table (9) 20. 如何在点文字时也选中复选框或单选框 (9) 21.渐变背景色css3 (9) 22.加载在线jquery (10) 23.鼠标经过时宽度加长 (10) 24.跳转下拉菜单 (10) 25.去除超链接虚线框 (10) 26.显示子菜单封装类 (10) 27. 实现图片延迟加载 (11) 28.动态获取当前时间 (11) 29.百度地图API，地图生成工具 (12) 30.返回到顶部 (12) 31．刷新页面的js方法 (13) 32.固定层div样式 (13) 33.高级样式 (13) 34.激活hasLayout (14)

测试流程及规范

测试流程及规范标准化管理处编码[BBX968T-XBB8968-NNJ668-MM9N]

1目的 侧重测试工作流程及规范的控制，明确产品研发的各阶段测试组应完成的工作。测试技术和策略等问题不在本文档描述范围内。 本规范作为所有测试组成员工作前必须掌握的工作规范，也供给其它部门其它组查阅参考，以便于组间的协调沟通，更好的合作完成产品的研发工作。 2概念与术语 在整个产品的研发过程中，测试类型按照先后顺序主要分为：单元测试、集成测试、系统测试及产品确认，整个过程如下面的W模型所示： 公司研发流程的实际情况，此测试也可由设计研发人员执行。 2）集成测试是验证模块间接口及匹配关系，测试依据主要为概要设计。一般采用自底向上或自顶向下的模块集成方法，逐步集成。在此环节中测试组还负责验收研发人员提供的转测试的材料，如果材料不完备，测试组可以拒绝接收。

3）系统测试是对系统的一系列的整体、有效性、可靠性的测试，测试依据主要为设计规格及产品需求规格。目的是确认产品与设计规格、需求、行业标准及公司标准的符合性，同时还要确认性能和系统的稳定性，与之前的集成测试应遵循“相同的被测对象不要做两遍相同的测试”的基本原则。 4）除单元测试、集成测试和系统测试之外，还应有“产品确认”环节，即在客户环境中或模拟客户环境测试与验证产品，在有限的试用客户中或模拟客户环境中发现产品问题并加以妥善处理，保证产品质量，提高客户满意度。确认与实验室内部测试的区别在于：实验室内部测试要尽可能多做，多发现问题；确认要在达到质量目标的情况下尽可能少做；两者要在质量和成本之间权衡、综合考虑。 5）TD：全称Mercury TestDirector，一种测试管理工具。 6）黑盒测试：黑盒测试也称功能测试，它是通过测试来检测每个功能是否都能正常使用。在测试中，把程序看作一个不能打开的黑盒子，在完全不考虑程序内部结构和内部特性的情况下，在程序接口进行测试，它只检查程序功能是否按照需求规定正常使用，程序是否能适当地接收输入数据而产生正确的输出信息。黑盒测试着眼于程序外部结构，不考虑内部逻辑结构，主要针对软件界面和软件功能进行测试。黑盒测试是以用户的角度，从输入数据与输出数据的对应关系出发进行测试的。 3职责 组建测试小组 协调测试小组内外部的沟通

web前端实习报告三篇

web前端实习报告三篇 篇一 一、实训项目 简易记事本 二、实训目的和要求 本次实训是对前面学过的所有面向对象的编程思想以及JAVAWEB编程方法的一个总结、回顾和实践，因此，开始设计前学生一定要先回顾以前所学的内容，明确本次作业设计所要用到的技术点并到网上搜索以及查阅相关的书籍来搜集资料。通过编写采用JSP+Servlet+JavaBean技术框架的应用系统综合实例，以掌握JavaWEB开发技术。 具体要求有以下几点： 1.问题的描述与程序将要实现的具体功能。 2.程序功能实现的具体设计思路或框架，并检查流程设计。 3.代码实现。 4.设计小结。 三、实训项目的开发环境和所使用的技术 基于J2SE基础，利用以上版本的集成开发环境完成实训项目，界面友好，代码的可维护性好，有必要的注释和相应的文档。 四、实训地点、日程、分组情况： 实训地点：4栋303机房日程：

阶段：1.班级分组，选定课题，查阅相关资料半天2. 划分模块、小组成员分工半天3.利用CASE工具进行系统设计和分析，并编制源程序5天 第二阶段：上机调试，修改、调试、完善系统2天 第三阶段：撰写、上交课程设计报告，上交课程设计作品源程序(每人1份)2天 五、程序分析 功能模块说明弹出菜单 for(intf=0;f 创建保存文件对话框 publicvoidsaveFile { 创建打开文件对话框 privatevoidopenFile { JFileChooserfilechoose=newJFileChooser ;intresult=( null);if(result==_OPTION)} {try{ Filefile= ;FileReaderfr=newFileReader(file);intlen= (int) ;char[]context=newchar[len];(context,0,len); ; (newString(context));

APP测试基本流程

APP测试基本流程 1. App测试流程 1.1.流程图 1.2 测试周期 测试周期可按项目的开发周期来确定测试时间，一般测试时间为两三周（即15个工作日），根据项目情况以及版本质量可适当缩短或延长测试时间。正式测试前先向主管确认项目排期。 1.3测试资源 测试任务开始前，检查各项测试资源。 --产品功能需求文档； --产品原型图； --产品效果图； --行为统计分析定义文档； --测试设备（IOS Android） --其他。 1.4日报及产品上线报告 1）测试人员每天需对所测项目发送测试日报。 2）测试日报所包含的内容为： --对当前测试版本质量进行分级； --对较严重的问题进行例举，提示开发人员优先修改； --对版本的整体情况进行评估。

3）产品上线前，测试人员发送产品上线报告。 4）上线报告所包含的内容为： ---对当前版本质量进行分级； ---附上测试报告（功能测试报告、兼容性测试报告、性能测试报告以及app可用性能标准结果）； --总结上线版本的基本情况。若有遗留问题必须列出并记录解决方案。 2. App测试点 2.1安全测试 1）扣费风险：包括发送短信、拨打电话、连接网络等 2）隐私泄露风险：包括访问手机信息、访问联系人信息等 3）对App的输入有效性校验、认证、授权、敏感数据存储、数据加密等方面进行检测 4）限制/允许使用手机功能接入互联网 5）限制/允许使用手机发送接受信息功能 6）限制/允许应用程序来注册自动启动应用程序 7）限制或使用本地连接 8）限制/允许使用手机拍照或录音 9）限制/允许使用手机读取用户数据 10) 限制/允许使用手机写入用户数据 11) 检测App的用户授权级别、数据泄漏、非法授权访问等 1）应用程序应能正确安装到设备驱动程序上 2）能够在安装设备驱动程序上找到应用程序的相应图标 3）是否包含数字签名信息

软件测试流程规划

软件测试流程规划 一、引言 本文档规范了软件测试过程中的整体流程，明确了软件测试从开始到结束的各个阶段，以及在各阶段中的负责人、具体工作内容和必需的输入输出文档。另外，本文还介绍了各测试阶段需要的测试工具、测试点和测试步骤，并提供了各类测试文档的参考模板。 二、测试流程概述 1、流程介绍 一般来讲，软件测试是伴随着项目的立项而开始的。也就是说，软件项目一旦确立，测试工作也就开始了。在测试的过程中，前后要经过以下主要环节： 需求分析—>制定测试计划—>搭建测试环境—>测试用例设计—>测试执行—>BUG回归测试—>测试总结—>软件发布 对于以上流程环节，一般而言，需求分析属于需求分析人员的工作范畴，环境搭建、用例设计、测试执行以及回归测试等属于测试人员的工作范畴，测试负责人负责制定测试计划以及对各个环节的跟踪、实施、管理等。 2、流程图 功能测试 项目开始 需求阶段 测试计划 测试阶段 性能测试 用户界面测试 兼容性测试 安全性测试 接口测试 测试总结 软件发布

在这个阶段，主要是对于需求的收集、分析以及评估。 1.由需求分析人员统一收集需求，并整理成文档格式转发给项目经理、开发经理和测试经理； 2.项目经理召集开发经理、测试经理和需求分析人员进行会议讨论，了解具体每个需求的实际含义，并且明确各需求的有效性和可用性； 3.小组会议讨论，确定最终实现的需求和功能点，并整理出重点需求； 4.项目经理根据会议讨论结果编写需求说明，并且再次召集小组开会讨论，对需求说明进行修复、完善，并最终确定《需求规格说明书》。 负责人：项目经理 输入文档：需求说明文档 输出文档：《需求规格说明书》 四、测试计划阶段 作为测试的起始步骤和重要环节，测试计划是对测试全过程的组织、资源、原则等进行规定和约束，并制定测试全过程各个阶段的任务以及时间进度安排，并提出对各项任务的评估、风险分析和管理需求。用一句话概括就是：测试计划是从管理角度对整个测试活动进行规划和控制。 测试计划的主要内容可分以下几个方面： 1.测试概述（介绍项目测试的范围、目的以及组织形式） 2.测试进度（测试时间周期的安排） 3.测试策略（包括测试环境、测试工具及测试方法） 4.需求跟踪（确定系统测试项与需求之间的对应关系） 5.测试通过失败标准（指明测试何时通过何时结束） 6.测试挂起恢复标准（指明当测试过程无法进行下去时测试活动挂起以及恢复的标准） 7.资源分配（工作量的统计以及工作任务的安排） 8.应交付测试工作产品（明确测试需要提交的各类工作文档） 9.风险评估（预估测试存在的风险） 测试经理根据项目的总体进度、发布时间以及需求规格说明、开发计划制定相应的测试计划，完成后提交给项目经理。项目经理组织讨论会，连同开发经理、测试经理以及各模块负责人，对测试计划进行评审并确定。 负责人：测试经理 输入文档：《需求规格说明书》、《软件开发计划》 输出文档：《软件测试计划》

浅谈web前端技术

浅谈web前端技术 作者：周凯工作单位：成都信息工程学院 摘要 最近几年 WEB 前端开发已经成为一个很专业的方向，从业大军也与日俱增，仅杭州的D2交流会上就有 500 多人参加，且不乏许多高中同学。这说明前端开发行业在我国的兴起，已经是大势所趋。因此学习和掌握WEB相关技术如HTML 、CSS、JavaScript在日后的学习生活和工作中将大有益处。 关键词：HTMLCSSJavaScript Abstract In recent years the WEB front-end development has become a very professional direction from industry main forces, also grow with each passing day, only the Hangzhou D2 exchange will have more than 500 people attended, and there are many high school students. The software development industry in our country is arisen, already represent the general trend. Therefore the study and mastery of WEB related technologies such as HTML 、CSS 、JavaScript study in future life and work will be helpful。 Keywords:HTML CSS JavaScript web前端开发技术： 前端开发工程师是Web前端开发工程师的简称，是近五年才真正开始受到重视的一个新兴职业。Web前端开发技术是一个先易后难的过程，主要包括三个要素：HTML、CSS和JavaScript，这就要求前端开发工程师不仅要掌握基本的Web前端开发技术，网站性能优化、SEO和服务器端的基础知识，而且要学会运用各种工具进行辅助开发以及理论层面的知识，包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等。Web开发技术：World Wide Web（简称Web）是随着Internet的普及使用而发展起来的一门技术，它的发明极大地方便了人们对Internet上资源的组织和访问。Web技术涉及的内容相当广泛，本书涵盖了其中诸多方面，如：HTML标识语言、Java、Applet、CGI、脚本语言、ASP和JSP

软件测试流程方案

软件测试流程方案 Company Document number：WUUT-WUUY-WBBGB-BWYTT-1982GT

软件测试流程实施方案1.流程的意义 从一个软件企业的长远发展来看，如果要提高产品的质量首先应当从流程抓起，规范软件产品的开发过程。这是一个软件企业从小作坊的生产方式向集成化规范化的大公司迈进的必经之路，也是从根本上解决质量问题，提高工作效率的一个关键手段。 软件产品的开发同其它产品（如汽车）的生产有着共同特性，即需要按一定的过程来进行生产。在工业界，流水线生产方式被证明是一种高效的，且能够比较稳定的保证产品质量的一种方式。通过这种方式，不同的人员被安排在流程的不同位置，最终为着一个目标共同努力，这样可以防止人员工作间的内耗，极大的提供工作效率。并且由于其过程来源于成功的实例，因此其最终的产品质量能够满足过程所设定的范围。软件工程在软件的发展过程中吸取了这个经验并把它应用到了软件开发中，这就形成了软件工程过程，简单的说就是开发流程。 不管我们做哪件事情，都有一个循序渐进的过程，从计划到策略到实现。软件流程就是按照这种思维来定义我们的开发过程，它根据不同的产品特点和以往的成功经验，定义了从需求到最终产品交付的一整套流程。流程告诉我们该怎么一步一步去实现产品，可能会有那些风险，如何去避免风险等等。由于流程来源于成功的经验，因此，按照流程进行开发可以使得我们少走弯路，并有效的提高产品质量，提高用户的满意度。 目前流行的流程方法有很多种，如瀑布模型、螺旋模型、RUP模型、IPD流程等，不同的过程模型适合于不同类型的项目。 2.测试工作流程图 测试工作总体流程图

测试部测试流程规范

测试部测试流程规范 目录 1目的 测试工作流程是开展测试工作的基础，本规范对测试流程中的关键环节点进行约定，明确测试时必需进行的工作项，所有的测试任务必须按照本规范的要求进行。2规范的适用范围 测试部门执行的所有测试任务

3基本测试流程 PC/APP流程区别不在此处体现 4流程关键环节点说明 4.1测试准备 1.测试任务负责人在接受到测试任务后，必须对需求进行分析，完成测试需求的整理，评估工时与人员分工，制定测试策略，明确测试方法、测试范围。 2.根据项目级别（B级以上项目）需要有用例评审环节，避免在重要功能模块上与产品、开发产生歧义，降低项目在验收阶段需要返工的风险。 4.2准入测试 必须对开发提交的开发结果进行可测试性验证，准入测试结果需要告知任务相关人（测试主管、开发、产品经理、其他相关人员） 注：准入测试标准可以在测试需求分析阶段得出，经与任务相关人员共识后作为工作任务提交测试的标准； 4.3测试执行 必须按照共识的测试方法和测试范围对系统功能进行测试，测试完成后需要通知相关人员。 APP 端测试执行阶段需要按照更加严格规范的checklist完成各环节测试。

4.4回归测试 系统测试完成且Bug得到解决后，必须对测试范围内的功能点和系统测试期间发现的Bug进行回归测试，保证没有遗漏或重新开放的Bug。测试完成后需要通知相关人员。 补充：根据项目的排期情况UI验收并非强制需要在回归阶段执行，在系统相对稳定后即可通知UI人员对系统或app的UI设计进行验收测试，并要求UI人员提供

测试报告。 4.5上线验证测试 生产环境部署上线包后，需通知相关产品构造线上数据，必须在生产环境对上线内容以及上线可能影响的内容进行测试，保证上线内容正确。测试完成后需要通知任务相关人员。

WEB测试工作流程

WEB测试方法 在Web工程过程中，基于Web系统的测试、确认和验收是一项重要而富有挑战性的工作。基于Web的系统测试与传统的不同，它不但需要检查和验证是否按照设计的要求运行，而且还要测试系统在不同用户的浏览器端的显示是否合适。重要的是，还要从最终用户的角度进行安全性和可用性测试。然而，Internet和Web媒体的不可预见性使测试基于Web的系统变得困难。因此，我们必须为测试和评估复杂的基于Web的系统研究新的方法和技术。 本文将 web 测试分为 6 个部分： ? ? ? （包括负载/压力测试）? ? 用户界面测试? ? 兼容性测试? ? ? ? 接口测试 1

功能测试 链接测试 链接是Web应用系统的一个主要特征，它是在页面之间切换和指导用户去一些不知道地址的页面的主要手段。链接测试可分为三个方面。首先，测试所有链接是否按指示的那样确实链接到了该链接的页面；其次，测试所链接的页面是否存在；最后，保证Web应用系统上没有孤立的页面，所谓孤立页面是指没有链接指向该页面，只有知道正确的URL地址才能访问。? 表单测试 当用户通过表单提交信息的时候，都希望表单能正常工作。 如果使用表单来进行在线注册，要确保提交按钮能正常工作，当注册完成后应返回注册成功的消息。如果使用表单收集配送信息，应确保程序能够正确处理这些数据，最后能让顾客收到包裹。要测试这些程序，需要验证服务器能正确保存这些数据，而且后台运行的程序能正确解释和使用这些信息。 当用户使用表单进行用户注册、登陆、信息提交等操作时，我们必须测试提交操作的完整性，以校验提交给服务器的信息的正确性。例如：用户填写的出生日期与职业是否恰当，填写的所属省份与所在城市是否匹配等。如果使用了默认值，还要检验默认值的正确性。如果表单只能接受指定的某些值，则也要进行测试。例如：只能接受某些字符，

Web前端基础总结 三篇

Web前端基础总结三篇 前端工作总结篇一：前端开发心得 从事前端开发工作1年多了，从最初的DIV+CSS学起，到现在学到html5、css3、javascript，jquery等等，我觉得前端要学的技术太多了，很多人认为前端开发要掌握的技能简单，就是网页制作，其实不然，前端开发是网站的前台代码实现，包括基本的HTML和CSS 以及JavaScript/ajax，现在最新的高级版本是HTML5、CSS3，以及SVG等。JavaScript作为最难的语言之一，许多编程高手也不敢妄自菲薄、自封精通。 关于兼容性的问题我相信对于每个做前端开发的人来讲是一个很头疼的问题，互联网目前主流浏览器有IE6789，Firefox，Chrome，Opera，Safari，遨游，包括国内主流的搜狗，腾讯TT，360等等；从内核上讲主要有IE的，遨游版IE，safari，firefox以及opera 的，这些都是大家常见的。所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。在大多数情况下，用户用什么浏览器来查看同一网站，都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。这个时候就需要针对不同的浏览器写不同的CSS，这个过程叫CSShack。虽然我们写代码都要求按照标准，不写hack代码，但实际工作中为了兼容主流浏览器，hack代码是免不了的，所以这也应该是每个前端开发人员必备的技能。

前端的开发工具很多，比较常见的有Dreamweaver，Notepad，webstrom，SublimeText等等，我现在在使用webstorm，强大的提示功能可以帮助我们很快的熟悉并掌握网页布局,检查错误等。调试代码的工具我使用的Firebug。Firebug是网页浏览器Mozillafirefox 下的一款开发类插件，它集HTML查看和、Javascript控制台、网络状况监视器于一体，是开发JavaScript、CSS、HTML和Ajax的得力助手。Firebug如同一把精巧的瑞士军刀，从各个不同的角度剖析Web 页面内部的细节层面，给Web开发者带来很大的便利。Firebug也是一个除错工具。用户可以利用它除错、、甚至删改任何网站的CSS、HTML、Dom以及Javascript代码。 以上是自己做前端开发的一点心得，它所涵盖的知识面远远不止这些，我也在不断的学习，不断地丰富自己，希望自己能在前端这个职位上开阔自己的一片天地！ 前端工作总结篇二：WEB前端开发经验总结 这里跟大家谈谈个人对WEB前端开发的一些经验（当然都是个人的一些理解，有什么地方说的欠妥或不对的地方还请包含和指正），这里我就从WEB标准开始吧。 WEB标准是什么？ 说是WEB标准，不过我这里主要是对XHTML1.1和CSS2.1的一些经验总结。因为WEB含盖的内容实在是太多了，“WEB标准”是一系列标准的总称，包括HTML4.0、XHTML1.1、CSS2.1、XML1.0、RSS2.0、ECMAScript1.1、DOM1.0等等。所以这里要跟大家指出来一下，WEB

软件测试工作流程()

软件开发与测试配合 工作流程 XXX软件股份有限公司质量部 目录 1．简介 本流程文件旨在规定一个简单的可使开发人员和测试人员在软件开发的编码阶段相互配合工作的工作流程，其中包括测试与开发的配合、送测单和BUG单的填写、测试循环的结束等部分。开发阶段与测试循环的关系、测试模块的组合与测试原则、BUG的分类评级原则等也在本流程文件中有相关的描述。 鉴于公司的技术要求，目前质量部的测试人员不仅要完成黑盒测试工作，而且还要进行白盒测试中的“代码走查”工作。其它的白盒测试工作，目前还不在测试人员的工作职责之内。 由于公司已经为质量管理部开发完成“辅助测试系统1.0”，因此本测试流程的制定就建立在辅助测试系统之上，如果辅助测试系统有了新的版本，质量部将根据其变化适当调整测试流程。 2．适用范围 本流程文件适用于公司开发软件并需要测试服务的任何软件开发项目组、软件开发人员，以及任何测试人员。

当项目组在辅助测试系统中注册以后，公司领导可以使用本系统查询了解所有在本系统中注册的项目的测试信息，项目的质量管理员可以使用本系统查询了解项目的当前测试进展情况。程序员和测试员都可以使用本系统查询到自己产生的送测单和BUG单。 3．术语、名词定义 3.1 送测软件 送测软件包括一切软件执行必须的文件、数据、数据库配置等。开发人员必须提供所有的详细的资料以保证测试人员可以像客户一样的运行被测软件。 3.2 开发文档 开发人员提供给测试人员的开发文档至少包括以下几种：用户需求，概要设计，详细设计，用户手册等。开发人员应当在开发每阶段完成后三天内就向测试人员传送本阶段完成的开发文档，以利于测试人员的工作。 3.3 测试文档 测试文档包括测试计划、测试用例说明、BUG报告及分析、测试总结，以及测试工作全部完成后的测试报告等。测试文档由测试人员编写并维护，也属于开发文档的一部分。

业务流程测试总结

业务流程测试总结 近期公司比较强调业务流程的测试，本人就总结一下业务流程的测试经验与大家分享，欢迎大家多提意见。 一、业务流程整理 1、充分掌握业务知识，业务流程以及业务的数据流向。 站在用户的角度思考，而不仅仅考虑在系统中如何操作业务流程；搞清楚每一项业务中的详细流程和各个环节涉及的角色，一项比较复杂的业务其详细流程往往比较多，只有了彻底掌握了这项业务，才能对当前业务环节进行全方位的测试。 2、从需求人员或者客户那里了解到各业务流程的重要程度和使用频率。（这点对把握测试重点很重要） 3、了解业务流程在系统中对应的功能。（建立业务与系统的映射，为编写测试用例做好准备） 二、编写测试用例（在需求文档以及UI原型评审之后） 1、绘制业务流程图（对于较简单的流程，也可以用文字描述的形式，但流程图比较直观，也便于进行路径的分析）。 2、根据业务流程的重要程度、使用频率为各流程设置好优先级。 3、采用场景法、路径法或其他方法（方法其实是不固定的，有时候可以综合使用多种方法）梳理出每个业务流程在系统中对应的操作步骤，形成业务流程的测试用例。 注意： * 这里的操作步骤没有必要像功能点测试用例的步骤那么详细，这个操作步骤可能是一个业务操作集，可以分解成多个步骤，这些业务操作集合，也可以对应具体的功能点测试用例，从而做到测试用例的复用。所以可以说这里的业务流程测试用例就像是将多个功能点的测试用例组合成一个集合，形成一个业务流。 * 在每个步骤中需要标识出执行该操作的用户角色，因为在一个业务流程中，很可能涉及到不同的角色。 * 需要平衡项目的进度、成本，不一定需要覆盖所有的路径。 三、测试数据设计 1、输入数据： 测试业务流程与功能点测试的重点不一样，因此设计测试数据的时候更多需要考虑下面的因素（按重要到次要排列）： 1）关键的判断条件 2）符合业务意义的数据

软件测试工作流程(个人版)

软件测试流程 测试基本阶段划分 ?测试计划阶段 ?测试设计阶段 ?测试执行阶段 ?测试评估阶段 ?测试验收阶段 文档编写人：龙文 编写时间：2010-8-3

目录 1、测试计划阶段 (3) 1.1、测试计划考虑的问题 (3) 1.2、测试策略 (4) 1.3功能列表 (4) 1.3.1、其他非功能测试 (6) 1.3.2、策略附件要求 (6) 2、测试设计阶段 (8) 3、测试执行阶段 (8) 3.1、执行阶段操作 (9) 4、测试评估阶段 (9) 5、测试验收阶段 (10)

1、测试计划阶段 ?做测试需要做好准备工作，把做一件事需要做的准备工作做好，明确做这件事的目的，最终达成目的并验证结果是我们要做的事情。这要求我们有一个完善的“测试计划书”。 ?测试计划的内容： 1、测试范围：描述本次测试中做的测试范围，如：测试软件功能范围、测试种类等 2、简单的描述如何搭建测试平台以及测试的潜在的风险。 3、项目信息：说明要测试的项目的相关资料，如：输入输出文档，产品描述，软件主要功能 4、人力资源的分配 注： 计划和设计分开编写，最好安排充分的时间去明确测试需求 测试需求：笼统说，就是测试中的所有设计和需求文档。作为本次测试的依据 1.1、测试计划考虑的问题 ?1、要充分考虑测试计划的实用性，即测试计划与实际之间的接近程度和可操作性（必须对需求有透彻的理解）。编写测试计划的目的在于充分考虑执行测试时的各种资源，包括测试内容、测试标准、时间资源、人力资源等等，准确地说是要分析执行时所能够调用的一切资源以及受各种条件限制，可能受到的各种影响。说的再明确一点就是要“计划”“如何”去做“测试工作”，而不是“如何编写测试计划”。 （1）测试内容：对一个软件来说测试计划中会明确本次测试做哪些测试？ 如：系统测试：在整个系统测试中会有（界面测试、功能测试、性能测试、兼 容性测试、安装卸载测试、可靠性测试等测试） （2）测试目的：一般多为保证产品质量是否达到预期的指标。这个指标也就是在 测试中定义的结束标准。 （3）测试标准：需要考虑本次测试需要输入那些文档，该项目结束标准定义、测试结束标准的定义？bug级别定义、优先级定义、bug管理流程定义。这个都需要在执行测试事明确。计划中应该包含这些内容。 （4）资源分配：这里分为人力资源、软硬件资源等划分。一般会把人力资源的利用写入一个测试人员任务分配表里，按照不同的阶段，每个阶段提交相应的成果（难度很大）。软硬件资源中主要是在做计划时考虑到需要多少电脑或别的工具，列出清单。 （5）测试风险：大多考虑到的就是项目开发延期、测试人员不足用例无法全面覆盖测试点、时间不足用例无法全部执行、bug无法及时修改导致无法验证、测试人员技能不足导致测试进度拉长。 （6）软件测试策略一般都是分开来做相关测试方案。 ?2、要坚持“5W1H”的原则，明确测试内容与过程。 ◇明确测试的范围和内容（WHA T）； ◇明确测试的目的（WHY）； ◇明确测试的开始和结束日期（WHEN）；

关于测试工作流程及工具使用.doc

1前言 本文档仅作用于公司内部人员使用参考，主要概括的是开发组与测试组的工作流程及工作衔接内容，该文档由测试组人员内部制定，若有考虑不周之处请给出建议！编写此流程的主要目的是规范测试，提高开发组与测试组的工作效率，尽可能早地找到BUG，并保证得以修复。 2测试流程简介 2.1 测试工作总体流程 2.1.1测试计划用例设计 审 核 不 通 过

2.1.1.1 执行环境 1、项目立项后，项目组讨论项目实施过程后执行此流程； 2、前提是须有《项目技术规范说明书》，若客户未提供可从其它途径获取客户需求（如 以前项目文档，样机获取等）； 3、与开发组的程序设计阶段同步，即开发设计项目实施时测试组同步进行测试设计，此 过程为测试执行做准备工作； 4、立项项目经理把技术规范说明书共享给开发、测试组开发组人员解析说明书 并设计代码、测试组根据说明书作出测试计划、测试用例此阶段完成（此过程中开发组和测试组进行功能规格沟通）。 2.1.1.2 执行细则 测试计划 测试负责人根据项目的需求，制定测试计划，明确目标与测试任务以及测试人员的安排。测试计划分复杂文档型和简单实用型，综合我司目前情况，比较适用后者即简单实用型，引用Microsoft Project来计划分配项目任务，把项目细分为各个阶段、阶段再细分为各个任务，任务精确到具体时间、负责人，测试计划的主要要素包括：项目名称、任务名称、工期、开始时间、完成时间、资源名称等，如下图。 测试用例 依据已引用的用例模板，进行用例设计，挖掘用户潜在需求并结合到用例设计，与需求接口人沟通获取更直观的用户要求； 若项目时间充足，测试用例可提供给开发人员，以便开发人员结合代码设计思路给出建议，使测试用例达到更高的可执行效果； 测试用例由测试组相应测试人员设计。

软件测试工作流程个人版修订稿

软件测试工作流程个人 版 集团标准化工作小组 [Q8QX9QT-X8QQB8Q8-NQ8QJ8-M8QMN]

软件测试流程 测试基本阶段划分 ?测试计划阶段 ?测试设计阶段 ?测试执行阶段 ?测试评估阶段 ?测试验收阶段 文档编写人：龙文 编写时间：2010-8-3 目录 1、测试计划阶段 ?做测试需要做好准备工作，把做一件事需要做的准备工作做好，明确做这件事的目的，最终达成目的并验证结果是我们要做的事情。这要求我们有一个完善的 “测试计划书”。 ?测试计划的内容： 1、测试范围：描述本次测试中做的测试范围，如：测试软件功能范围、测试种类等 2、简单的描述如何搭建测试平台以及测试的潜在的风险。 3、项目信息：说明要测试的项目的相关资料，如：输入输出文档，产品描述，软件主要功能 4、人力资源的分配 注： 计划和设计分开编写，最好安排充分的时间去明确测试需求 测试需求：笼统说，就是测试中的所有设计和需求文档。作为本次测试的依据、测试计划考虑的问题 ?1、要充分考虑测试计划的实用性，即测试计划与实际之间的接近程度和可操作性（必须对需求有透彻的理解）。编写测试计划的目的在于充分考虑执行测试时的各种资源，包括测试内容、测试标准、时间资源、人力资源等等，准确地说是要分析执行时所能够调用的一切资源以及受各种条件限制，可能受到的各种影 响。说的再明确一点就是要“计划”“如何”去做“测试工作”，而不是“如何编写测试计划”。 （1）测试内容：对一个软件来说测试计划中会明确本次测试做哪些测试如：系统测试：在整个系统测试中会有（界面测试、功能测试、性能测试、 兼容性测试、安装卸载测试、可靠性测试等测试）

软件测试工作流程图

软件开发与测试配合工作流程

XXX软件股份质量部 目录 1．简介 (4) 2．适用围 (5) 3．术语、名词定义 (5) 3.1 送测软件 (5) 3.2 开发文档 (5) 3.3 测试文档 (6) 3.4 被测程序 (6)

3.5 送测单 (6) 3.6 BUG单 (6) 3.7 测试循环 (7) 4．参考文献 (7) 5．测试与开发的配合 (7) 5.1 文档和软件保存目录 (8) 5.2 辅助工具的使用 (9) 5.2.1 辅助测试系统1.0 (9) 5.2.2 SourceSafe6.0 (10) 5.3 开发与测试配合的流程 (11) 6 . 送测单 (12) 6.1送测单的填写 (13) 6.2 工作流程 (15) 7 ．BUG单 (16) 7.1 BUG单的填写 (17) 7.2 工作流程 (19) 8 ．测试阶段的结束 (19) 9 . 备注 (20) 9.1 开发阶段与测试阶段 (20) 9.2 待测模块的组合与测试原则 (21) 9.3 BUG的分类评级原则 (21) 9.4 国标中有关BUG数量的描述 (23)

9.5 测试阶段的划分 (23) 1．简介 本流程文件旨在规定一个简单的可使开发人员和测试人员在软件开发的编码阶段相互配合工作的工作流程，其中包括测试与开发的配合、送测单和BUG单的填写、测试循环的结束等部分。开发阶段与测试循环的关系、测试模块的组合与测试原则、BUG的分类评级原则等也在本流程文件中有相关的描述。 鉴于公司的技术要求，目前质量部的测试人员不仅要完成黑盒测试工作，而且还要进行白盒测试中的“代码走查”工作。其它的白盒测试工作，目前还不在测试人员的工作职责之。 由于公司已经为质量管理部开发完成“辅助测试系统1.0”，因此本测试流程的制定就建立在辅助测试系统之上，如果辅助测试系统有了新的版本，质量部将根据其变化适当调整测试流程。

Web前端知识点总结

HTML知识点 一、功能 用来制作静态网页，网页中的全部内容都是通过Html语言展现出来。 使用场合：开发静态网页。 二、思想 一切功能都由标签实现，标签具有四要素。 三、常用标签

开始；2>标签添加class属性与样式关联。 5、属性选择器 标签名[属性名=属性值]，根据标签关键字和属性值自动关联。

6、包含选择器 1>子样式名中间加>或空格分隔 (>直接包含)； 2>看最后一个子样式是什么选择器就如何关联标签。 7、多个样式名同一样式体 1>样式名中间加逗号分隔； 2>根据样式类型决定如何与标签关联。 8、多条件同时成立选择器 1>多个子样式名紧挨着 2>一个标签必须同时具备这多个条件才可以被该样式修饰 9、各选择器使用场合 1)如果想根据标签名用一个样式修饰所有同名标签时，用标签选择器； 2)如果一个样式只想修饰唯一的一个标签时，用id选择器； 3)如果一个样式想修饰多个任意标签时，用类选择器； 4)尽量使用包含选择器。 四、元素定位 1、盒子模型 通过设置标签的内外边距从而改变元素的位置，没有脱离标准文档流。 相关属性： marging-top：外上边距 margin-right：外右边距 margin-bottom：外下边距 margin-left：外左边距 margin：同时设置上右下左四个外边距 (顺时针) padding-top：内上边距 padding-right：内右边距

padding- bottom：内下边距 padding-left：内左边距 padding：同时设置上右下左四个内边距 border-top：设置上边线的粗细,颜色,线型 border-right：设置右边线的粗细,颜色,线型 border-bottom：设置下边线的粗细,颜色,线型 border- left：设置左边线的粗细,颜色,线型 border：同时设置四个边线的粗细,颜色,线型 border-width：只设置4个边线的宽度(粗细) border-color：兄弟元素都设置浮动后成为一行，脱离标准文档流。 相关属性 float : 设置浮动定位 clear: 清除浮动定位的影响 5、各定位方式使用场合 1)靠左或靠右，兄弟标签一列变一行，文字环绕——浮动定位。 2)移动位移比较小，用盒子模型。 3)移动位移比较大，父容器相对定位，子元素绝对定位。 五、添加独立css文件3步骤 1、创建子文件夹和css文件 2、在html页面用标签导入独立css文件 3、定义样式并修饰各html标签 六、静态网页开发思想 1、对网页元素通用属性进行设置。 2、分析页面的组成，整个网页布局划分为多个矩形区域，在矩形区域内部又可以划分子矩形区域，每个矩形区域都用