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

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

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

提示: 本内容由社区用户上传并分享。平台不对内容的真实性、合法性、知识产权归属及是否侵害第三方权利进行事前审核或保证。本内容可能包含受版权保护的图片、字体或其他第三方素材，使用前请自行确认授权范围。

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

Gin

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

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

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

Gin

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

相似推荐
大纲

互联网9大思维
- 42.6k
- 990
- 2.5k
- 402
- 0
MindMaster
组织架构-单商户商城webAPP 思维导图。
- 20.7k
- 3
- 187
- 8
- 1
Kacyun
域控上线
- 5.8k
- 173
- 11
- 4
- 0
jackrao
python思维导图
- 11.9k
- 563
- 243
- 6
- 0
(*^▽^*)
css
- 5.2k
- 1
- 44
- 2
- 0
A张舫
CSS
- 8.1k
- 279
- 190
- 32
- 0
journey
计算机操作系统思维导图
- 10.2k
- 362
- 215
- 13
- 0
journey
计算机组成原理
- 5.4k
- 98
- 72
- 7
- 0
journey
IMX6UL(A7)
- 3.9k
- 41
- 5
- 0
- 0
Handler XU
考试学情分析系统
- 5.2k
- 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}