web端功能测试的简单总结

web端功能测试的简单总结

做功能测试经常与前端打交道，做UI自动化也要抓元素属性，于是今天我把CSS常用的属性和一些常见的功能逻辑列在了下面，方便学习。

                     

**一、静态页面**

1，文字： 类型（font-family）, 大小(font-size)  , 颜色(color)， 风格(font-style)，  粗细(font-weight)，

2，段落： 首行缩进(text-indent)，水平对齐(text-align),  文本修饰（上中下划线text-decoration）， 大小写(text-transform)，
         行高（line-height）, 间距（字间距(letter-spacing)， 词间距(word-spacing)）

3，边框： 整体样式（宽度(border-width)，   外观（border-style<虚线dashed,实线solid>）   颜色（border-color）   
         局部样式border-(top,left.bottom,right)

4，列表： 列表项的符号(list-style-type)和图片(list-style-image)

5，表格： 标题位置(caption-side<top,bottom>)，边框合并(border-collapse<separate,collapse>)，
         边框间距(border-spacing),    合并行(rowspan)，     合并列(colspan)

6，图片： 大小(width,height)，  边框(border)， 对齐方式(水平对齐text-align，垂直对齐vertical-align)，
         文字的环绕(float(left,right))， 图片格式（位图，矢量图），alt和title属性

7，背景： 颜色(background-color)， 背景图片样式(background-image)， 背景图片重复(background-repeat)，
         背景图片位置(background-position)， 背景图片固定(background-attachment<动scroll,固定fixed>)

8，超链接: 锚点链接：hr