当前位置: 首页 > news >正文

测试软件5

一 css基础

css定义:可以设置网页中的样式,外观,美化
css中文名字:级联样式表,层叠样式表,样式表

二 css基础语法

1.style标签写在title标签后面
2.选择器{属性名1:属性值1;属性名2:属性值2}
color 代表颜色
font-size 代表字号,px为像素单位
在这里插入图片描述

三 开发人员调试工具

1.打开方式:F12或在网页中右键-检查
2.找到菜单中的第一个选项:elements
3.用鼠标左键点击想要查看的标签
4.右侧就会出现对应的css代码
5.想设置颜色:点击颜色方框,使用调色盘改变颜色后,别忘了把颜色的代码放在程序中
6.设置字体大小:鼠标左键点击数字,可以按住上下键,不要忘记改代码
在这里插入图片描述

四 标签选择器

选择器:在大括号之前写的内容,就是选择器
标签选择器:用标签的名字来进行页面元素,标签,标记的选择
在这里插入图片描述

五 id选择器

id选择器:用html标签中的id属性来进行选取的方式
在这里插入图片描述

六 命名规则

1.不能数字开头
2.不能使用除了中划线和下划线之外的符号
3.不推荐使用中文
4.尽量做到见名知意
唯一性:
1.id命名不可以重复使用;在js中会因为id 的命名冲突而导致报错
2.每个标签只能有一组id
在这里插入图片描述

七 class类选择器

类选择器:使用html中的class的值来进行选取的方式
注意:class类选择器可以重复命名
每个标签可以有多个class类名,中间使用空格分割即可
命名规则:与id的命名规则完全一样。
在这里插入图片描述
在这里插入图片描述

http://www.lryc.cn/news/26199.html

相关文章:

  • 前端JS内存管理
  • 第七章.集成学习(Ensemble Learning)—袋装(bagging),随机森林(Random Forest)
  • Java_面向对象
  • 【IoT】智能烟雾报警器
  • Python实现定时执行脚本(5)
  • JavaSe第4次笔记
  • epoll机制
  • Java使用不同方式获取两个集合List的交集、补集、并集(相加)、差集(相减)
  • 【Android笔记80】Android之Retrofit适配器和文件上传下载
  • Nodejs模块化
  • C++STL基础
  • 数学建模经验【更新中】
  • 【python学习笔记】:Excel 数据的封装函数
  • 如何获取或设置CANoe以太网网卡信息(GET篇)
  • “终于我从字节离职了...“一个年薪50W的测试工程师的自白...
  • 【Spring】八种常见Bean加载方式
  • 第五回:样式色彩秀芳华
  • 关于@Test单元测试
  • 【项目实战】WebFlux整合r2dbc-mysql实战
  • go版本分布式锁redsync使用教程
  • 大数据之Hudi数据湖_大数据治理_简介_发展历史_特性_应用场景---大数据之Hudi数据湖工作笔记0001
  • 射频功率放大器基于纵向导波的杆状构件腐蚀诊断方法的研究
  • Leedcode 二分查找 理解1
  • 【告别篇】大家好,再见了,我转行了,在筹备创业
  • Java——岛屿数量
  • 《代码整洁之道》笔记
  • 个人网站如何集成QQ快捷登录功能?
  • 从工厂打螺丝到月薪18k测试工程师,我该满足吗?
  • 【相关分析-高阶绘图】MATLAB实现皮尔逊相关分析-散点直方图
  • Spark性能优化二 Shuffle机制分析