css&h5

一、优先级（权重对比）

在给同一个标签设置样式的时候才有所谓的优先级权重对比；

Id选择器   >    类选择器    >   标签选择器

 100斤            10斤             1斤

二、css的书写位置（css的引入方式）

1. 内嵌式css：代码写在style标签中，放在head标签的里面，title标签的下面；
2. 外链式css：css代码单独写在css文件中，通过link标签，里面的href设置的路径来选中；此种写法实现了css代码和html代码的分离，修改代码更容易查找；
3. 行内式css：css代码写在html标签的身上，此种语法强烈不推荐使用，因为修改不方便，还会造成代码量的增多，从而降低页面的打开速度，影响用户体验

测试点：电商网站的首页，必须使用内嵌式（外链式打开速度比内嵌慢）；其它页面要求使用外链式（实现代码分离，修改方便）

三、后代选择器

语法：

div span{}

解释：在css选择器中如果出现空格，代表寻找后代（儿子、孙子、重孙子。。。。）

四、并列、并集选择器

语法：

div,span,h1,.hehe,#gaga{}

解释：使用英文状态下的逗号来连接想要一起设置的元素；

五、引入方式（书写位置）权重对比

（内嵌 = 外链） <  行内

注意：程序员可以添加  !important  来设置提高权限

例：  { color: red!important; }

六、高级权重对比

Id100斤  class10斤   标签1斤

只要是给同一个标签设置的样式，就会根据最后数值的相加结果来定优先级，数值越大，优先级越高；

七、了解边框属性

就是给页面中的元素添加的外围边框线属性；

程序员叫他们“边框”，ui设计师叫“描边”

注意：只有实线（下面右侧）和虚线（下图上边）没有兼容性问题，其它的都不能出现；

 

八、盒子模型

边框+内容+内边距（内填充、padding）+外边距（外填充、margin）组合起来叫盒子模型

掌握下图中的内边距（内容和边框之间的距离）、外边距（盒子与其它盒子之间距离）在哪里；

 

 

九、html5新标签

音频和视频标签是html5才出现的新标签，它们都有兼容性问题，我们在进行测试的时候，要打开ie、谷歌、火狐三大浏览器来查看是否能正常运行

十、ie浏览器版本

Ie浏览器使微软公司Windows系统自带浏览器，它不允许软件管家来更新版本，只能自己去官网下载，导致很多用户一直使用的是低版本ie，这就造成很多兼容性问题，因为ie9以上的版本兼容性才稍微好些，ie9以下各种bug；作为测试人员必须要测试ie低版本（7、8、9、10）

十一、H5的概念

定义：html5+css+javascript三个技术的集合体；（h5这个词是中国独有的，一般指代使用以上三个技术实现的特效绚丽的小页面）