首页
Web开发
Windows程序
编程语言
数据库
移动开发
系统相关
微信
其他好文
会员
首页
>
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
)
登录后才能评论!
分享档案
更多>
2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)
周排行
更多
36.VUE — 认识 Webpack 和 安装
2021-07-28
【PHP】上传图片翻转问题
2021-07-28
php对数字进行万。亿的转化
2021-07-28
五个 .NET 性能小贴士
2021-07-28
Three.js中显示坐标轴、平面、球体、四方体
2021-07-28
.net 5+ 知新:【1】 .Net 5 基本概念和开发环境搭建
2021-07-27
1.html,css
2021-07-27
基于Docker搭建 Php-fpm + Nginx 环境
2021-07-27
nginx + http + svn
2021-07-27
kubernets kube-proxy的代理 iptables和ipvs
2021-07-26
友情链接
兰亭集智
国之画
百度统计
站长统计
阿里云
chrome插件
新版天听网
关于我们
-
联系我们
-
留言反馈
© 2014
mamicode.com
版权所有 联系我们:gaon5@hotmail.com
迷上了代码!