导图社区测试基础三、四章（阶段一）

测试基础三、四章（阶段一）

软件测试基础学习，css基础是层叠样式表/样式表，设置网页中的样式、外观、美化。本图也适合小白了解观看。

编辑于2023-05-07 08:18:40 四川省

Gin

他的近期作品查看更多>>

阶段四 PYthon编程2
软件测试基础学习--阶段四 PYthon编程，分享了面向对象、文件的知识，本图适合小白了解观看。
阶段四 PYthon编程1
软件测试基础学习--阶段四 PYthon编程，一起来认识python、变量输入输出、运算符和判断if、循环，本图适合小白了解观看。
第五章 tpshop项目实战（阶段三）
软件测试基础学习--第五章 tpshop项目实战（阶段三），分为 1.tpshop环境搭建、快速熟悉项目、测试流程、熟悉数据库、轮播图、购物车，适合小白了解观看。

测试基础三、四章（阶段一）

社区模板帮助中心，点此进入>>

Gin

他的近期作品查看更多>>

相似推荐
大纲

互联网9大思维
- 37.9k
- 968
- 2.4k
- 401
- 0
MindMaster
组织架构-单商户商城webAPP 思维导图。
- 17.1k
- 3
- 186
- 9
- 1
Kacyun
域控上线
- 3.4k
- 169
- 11
- 4
- 0
jackrao
python思维导图
- 8.0k
- 550
- 242
- 7
- 0
(*^▽^*)
css
- 2.9k
- 1
- 43
- 3
- 0
A张舫
CSS
- 5.2k
- 271
- 189
- 33
- 0
journey
计算机操作系统思维导图
- 6.6k
- 351
- 208
- 16
- 0
journey
计算机组成原理
- 3.2k
- 98
- 70
- 8
- 0
journey
IMX6UL(A7)
- 1.9k
- 41
- 5
- 0
- 0
Handler XU
考试学情分析系统
- 2.6k
- 51
- 10
- 1
- 0
蒋龙

第三章 CSS

1.基础语法

css基础

定义

层叠样式表/样式表，设置网页中的样式、外观、美化

写在 title 标签的后面，style的里面

基础语法

开发工具的使用

f12, 找到菜单第一个elements

2. 进阶语法

.0.标签选择器

选择器：在大括号之前的内容，就是选择器，找到你要选择的内容

标签选择器：用标签名字来进行页面元素、标签、标记的选择例如<div>,<p>

1.选择器基础

唯一的号码 <p id ="p1">月亮</P>

2.命名规择

1.数字不可以开头

2.不能使用中划线，下划线之外的符号 P-3,p_3

3.不推荐中文

4.尽量做到见名知意，

5.唯一性：

ID命名，不可以重复性，在js中会因为命名冲突而报错

每个标签只能有一组id属性

3.class类选择器

命名规则：与id 的命名规则一样

注意：可以重复再使用，每个标签可以有多个class类名，比如几个“bz"

类选择器：使用html中的class的值来进行选取的方式

语法：

.类名{xx}

4.class书写位置、引入方式

1. 内嵌式：css写在style标签中，放在title标签的后面；因为html代码放和css代码放在同一个文件中

2. 外链：html 和css 是两个关联的文件

使用: 在html 文件的title标签后 link 回车，在出现href=""里面添加引用路径

5.内嵌外链应用场景

内嵌式：应用在电商网站首页，因为对网页的打开速度有严格的要求，一次性把html和css都加载出来

外链式：用在除了电商网站首页，方便后期查看、修改代码

6.了解行内式

行内式：css代码写在标签的身上

强烈不推荐使用；修改不方便；重复代码太多；页面加载太慢

反面教材：例子： <p style="color: red;">测试</p>

7.鼠标移入伪类 :hover

在对应p标签后面加上 :hover

例子：p{color:red;}

p:hover{color:blue}

8.并列并集选择器

h,p,div,p{}

应用场景：需要一句话选择多个元素的时候，可以使用逗号进行连接

9.后代选择器

使用空格来进行选取后代元素的方式

语法规则： div (有空格）span{找div 的后代span}