测试要点个人总结（html篇）

1、html代码有没有删掉的注释，必须让程序员删掉（原因：1、防止用户按F12看到，2、能有一定提高页面加载速度的效率）。

2、html代码，如果程序员用<href='#'>来实现跳转到顶部，必须让程序员做出有动画效果的，提高用户体验。

3、因为音视频的兼容性差，所以测试时候除了测试三大主流浏览器是否能运行之外，还要测试ie浏览器其他低版本，但测试ie7、8、9需要客户要求，不要求默认不测低版本，如果要求给钱！！（方法：F12找到仿真，此功能必须是IE最新版本）

4、测试单选或多选框，注意刷新时候是否有默认选中状态，点击文字是否能进行切换（不只是点击选择框）

5、测试下拉菜单，需要保证下拉菜单选项顺序合乎客户要求，需要保证下拉菜单默认值合乎客户需求。

6、测试文本域，需要测试三大主流浏览器打开后是否一样，提醒开发人员文本域禁用拖拽放大或缩小文本域功能。

7、测试文本框是否有按需求有默认提示文字

8、如果测试表单，建议程序员在打开表单后设置默认获取焦点，方便用户输入

9、在HTML网页中右键审查元素，在控制台右边就能看到当前审查的css内容，可以修改css作出临时体验效果

10、标签选择器：css中大括号前的内容，用作确定大括号内的样式用在哪个位置上 div{}

11、id选择器：css查找对应id的标签 #name{}

12、id命名规则，1：id名字首位不能为数字，css会识别不了；2：不能使用中划线和下划线以外的其他特殊符号；3：不推荐使用中文 ；4：尽量做到见名知意；5：必须保证id的唯一性

13、class选择器：css查找对应class的标签  .name{}

14、单个标签能有多个class ，用空格分开 例:<p class='name1  name2'> 并且同一个class能用于多个标签上

15、css引入方式，1：内嵌式：写在html中title下面和html代码写在一个文件中。

                                2：外链式：css内容另外写在css文件中，在引用的html页面中title下面用link标签引入对应的css路径。

                                3：行内式：直接把样式写在标签上。(缺点每一个标签都要定义样式的内容)<p style="color:red;"><p>。

16、内嵌式应用场景：电商商城首页（因为电商首页对加载速度有要求，能一次把css和html一次加载出来，提高用户体验）。

        外链式应用场景：除电商商城首页外。外链式主要方便管理和后期代码修改或者查看

        行内式应用场景：强烈不推荐使用，修改不方便，重复代码多，导致页面加载速度变慢。

17、css伪类选择器，鼠标移入hover， 例：p：hover{color：bule}（当鼠标移入才执行此css样式）

18、鼠标移入和鼠标悬停的效果不一样，鼠标移入是只要移动到指定位置就会变化，悬停是移动到指定位置并且停止移动才会执行效果。

19、并列并集选择器：当多个不同类型的标签需要用到同样的样式，即可使用该选择器，使用方法如下：p,div,h1{color:red} (把多个不同的标签用逗号隔开)

20、后代选择器：例子 div p{color:red} (选择div 里面的 p标签变成红色)  如果p标签包含其他标签也算是div的后代。