码迷,mamicode.com
首页 > Web开发 > 详细

软件测试基础-CSS

时间:2020-04-24 01:08:24      阅读:88      评论:0      收藏:0      [点我收藏+]

标签:美化   继承   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.覆盖性:先写的代码会被后写的覆盖,代码的权重是由上到下。
 

六、优先级

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

软件测试基础-CSS

标签:美化   继承   css   ima   中划线   单位   span   图片   位置   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!