前端的第七天(定位、装饰)

前端的第七天(定位、装饰)

在这里插入图片描述

一、定位

1.定位的基本介绍

在这里插入图片描述
在这里插入图片描述

2.定位的基本使用

在这里插入图片描述

3.静态定位

在这里插入图片描述

4.相对定位

在这里插入图片描述

5.绝对定位

在这里插入图片描述
在这里插入图片描述

6.子绝父相

在这里插入图片描述
在这里插入图片描述

7.固定定位

在这里插入图片描述
在这里插入图片描述

8.元素的层级关系

在这里插入图片描述
在这里插入图片描述

二、装饰

1.垂直对齐方式

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

2.光标类型

在这里插入图片描述

3.边框圆角

在这里插入图片描述
在这里插入图片描述

4.overflow溢出部分显示效果

在这里插入图片描述

5.元素本身隐藏

在这里插入图片描述

6.拓展内容

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

三、选择器拓展

1.链接伪类选择器

在这里插入图片描述

2.焦点伪类选择器

在这里插入图片描述

3.属性选择器

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/m0_56901161/article/details/121256124
今日推荐