首页 > Web开发 > 详细

软件测试基础-CSS

时间:2020-04-24 00:14:48      阅读:100      评论:0      收藏:0      [点我收藏+]

一、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.覆盖性:先写的代码会被后写的覆盖,代码的权重是由上到下。
 

六、优先级

标签选择器<类选择器<id选择器
 

软件测试基础-CSS

原文:https://www.cnblogs.com/chanjing/p/12764744.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!