软件测试基础-CSS
标签:美化 继承 css ima 中划线 单位 span 图片 位置
一、CSS基本介绍
CSS是Cascading Style Sheets的首字母缩写,我们称之为级联样式表、层叠样式表、样式表,主要作用是用来修饰美化展示效果。
书写代码的步骤:
1、css的代码要写在style标签中
2、style标签放在head标签中的最后位置(title标签下面)
3、例:
注意:px代表像素单位
二、标签选择器
选择器定义:在页面中找元素、标签、标记的方法
标签选择器:只需要写要找的标签的名字即可
三、id选择器
给标签设置id属性,在css代码中使用#id名字的方式来寻找页面中的元素、标签、标记
命名规则:
1.不允许使用数字开头
2、不允许使用中文
3、不允许使用下划线(_)和中划线(-)之外的符号
四、类选择器
给标签设置class属性,在css中设置.class名字
总结:
1.id命名不能冲突
2.id命名不能一个标签设置多个
3.class命名可以冲突
4.class命名还可以给一个标签设置多个
5.不管是id还是class命名规则一致
五、CSS特性
1.CSS继承性:给祖先元素设置的元素可以继承给儿孙元素。如果儿孙有自己的元素,那么一定是自己的。(集成的样式,权重较低)
2.覆盖性:先写的代码会被后写的覆盖,代码的权重是由上到下。
六、优先级
标签选择器
软件测试基础-CSS
标签:美化 继承 css ima 中划线 单位 span 图片 位置
原文地址:https://www.cnblogs.com/chanjing/p/12764744.html
文章来自:
搜素材网的
编程语言模块,转载请注明文章出处。
文章标题:
软件测试基础-CSS
文章链接:http://soscw.com/index.php/essay/65956.html
评论