相对定位适用于小浮动移动，不会改变标签的显示模式。改变的位置是根据自己原先的位置改变
![图片[1]-CSS基础语法-HTML篇-山海云端论坛](https://www.shserve.cn/wp-content/uploads/2023/11/fea03f8c85194003.png)
![图片[2]-CSS基础语法-HTML篇-山海云端论坛](https://www.shserve.cn/wp-content/uploads/2023/11/fa1172babd194234.png)
绝对定位
![图片[3]-CSS基础语法-HTML篇-山海云端论坛](https://www.shserve.cn/wp-content/uploads/2023/11/d911c0f016190147.png)
![图片[4]-CSS基础语法-HTML篇-山海云端论坛](https://www.shserve.cn/wp-content/uploads/2023/11/5ef79a0698190155.png)
![图片[5]-CSS基础语法-HTML篇-山海云端论坛](https://www.shserve.cn/wp-content/uploads/2023/11/e9acf5997a190203.png)
在绝对定位下居中
![图片[6]-CSS基础语法-HTML篇-山海云端论坛](https://www.shserve.cn/wp-content/uploads/2023/11/f9b3054e09190654.png)
![图片[7]-CSS基础语法-HTML篇-山海云端论坛](https://www.shserve.cn/wp-content/uploads/2023/11/cbd1ac4916191252.png)
![图片[8]-CSS基础语法-HTML篇-山海云端论坛](https://www.shserve.cn/wp-content/uploads/2023/11/2f3ec0ebe7001220.png)
![图片[9]-CSS基础语法-HTML篇-山海云端论坛](https://www.shserve.cn/wp-content/uploads/2023/11/ad85d746f8023222.png)
![图片[10]-CSS基础语法-HTML篇-山海云端论坛](https://www.shserve.cn/wp-content/uploads/2023/11/a4e09a392f023509.png)
z-index默认指是0
![图片[11]-CSS基础语法-HTML篇-山海云端论坛](https://www.shserve.cn/wp-content/uploads/2023/11/4f9c74c8ce024229.png)
![图片[12]-CSS基础语法-HTML篇-山海云端论坛](https://www.shserve.cn/wp-content/uploads/2023/11/7559e0732d193750.png)
![图片[13]-CSS基础语法-HTML篇-山海云端论坛](https://www.shserve.cn/wp-content/uploads/2023/11/8cfff56f9f193758.png)
![图片[14]-CSS基础语法-HTML篇-山海云端论坛](https://www.shserve.cn/wp-content/uploads/2023/11/333036f8f2193805.png)
![图片[15]-CSS基础语法-HTML篇-山海云端论坛](https://www.shserve.cn/wp-content/uploads/2023/11/faa3b6dee5193810.png)
![图片[16]-CSS基础语法-HTML篇-山海云端论坛](https://www.shserve.cn/wp-content/uploads/2023/11/970ffa1070193946.png)
![图片[17]-CSS基础语法-HTML篇-山海云端论坛](https://www.shserve.cn/wp-content/uploads/2023/11/30a95753d7194030.png)
![图片[18]-CSS基础语法-HTML篇-山海云端论坛](https://www.shserve.cn/wp-content/uploads/2023/11/165ca72370194110.png)
![图片[19]-CSS基础语法-HTML篇-山海云端论坛](https://www.shserve.cn/wp-content/uploads/2023/11/e0e63061b5194727.png)
![图片[20]-CSS基础语法-HTML篇-山海云端论坛](https://www.shserve.cn/wp-content/uploads/2023/11/8e630cb71f195040.png)
![图片[21]-CSS基础语法-HTML篇-山海云端论坛](https://www.shserve.cn/wp-content/uploads/2023/11/a8fd11147a194956.png)
![图片[22]-CSS基础语法-HTML篇-山海云端论坛](https://www.shserve.cn/wp-content/uploads/2023/11/6fc7b12367200237.png)
![图片[23]-CSS基础语法-HTML篇-山海云端论坛](https://www.shserve.cn/wp-content/uploads/2023/11/3793d09dd9211421.png)
![图片[24]-CSS基础语法-HTML篇-山海云端论坛](https://www.shserve.cn/wp-content/uploads/2023/11/9893333bcc211632.png)
代码设置三角形
![图片[25]-CSS基础语法-HTML篇-山海云端论坛](https://www.shserve.cn/wp-content/uploads/2023/11/f7efe88946211812.png)
![图片[26]-CSS基础语法-HTML篇-山海云端论坛](https://www.shserve.cn/wp-content/uploads/2023/11/54a6c94a24211754.png)
![图片[27]-CSS基础语法-HTML篇-山海云端论坛](https://www.shserve.cn/wp-content/uploads/2023/11/899773e6c3211951.png)
焦点伪类选择器
![图片[28]-CSS基础语法-HTML篇-山海云端论坛](https://www.shserve.cn/wp-content/uploads/2023/11/cf396c6d82212137.png)
![图片[29]-CSS基础语法-HTML篇-山海云端论坛](https://www.shserve.cn/wp-content/uploads/2023/11/ba720a95d9212419.png)
属性选择器
![图片[30]-CSS基础语法-HTML篇-山海云端论坛](https://www.shserve.cn/wp-content/uploads/2023/11/4d16ccae5c212524.png)
![图片[31]-CSS基础语法-HTML篇-山海云端论坛](https://www.shserve.cn/wp-content/uploads/2023/11/1a3a8328e7212532.png)
![图片[32]-CSS基础语法-HTML篇-山海云端论坛](https://www.shserve.cn/wp-content/uploads/2023/11/4cad7ffa31212633.png)
精灵图（多张小图拼接为一张）
![图片[33]-CSS基础语法-HTML篇-山海云端论坛](https://www.shserve.cn/wp-content/uploads/2023/11/ad9ee2906d212638.png)
![图片[34]-CSS基础语法-HTML篇-山海云端论坛](https://www.shserve.cn/wp-content/uploads/2023/11/8eb62de191213556-1024x304.png)
![图片[35]-CSS基础语法-HTML篇-山海云端论坛](https://www.shserve.cn/wp-content/uploads/2023/11/c32dc4aa40213817.png)
背景图片
![图片[36]-CSS基础语法-HTML篇-山海云端论坛](https://www.shserve.cn/wp-content/uploads/2023/11/851dd62d63214059.png)
![图片[37]-CSS基础语法-HTML篇-山海云端论坛](https://www.shserve.cn/wp-content/uploads/2023/11/178a7a67f8215629.png)
background复合写法（连续写法）
![图片[38]-CSS基础语法-HTML篇-山海云端论坛](https://www.shserve.cn/wp-content/uploads/2023/11/be9614bb95215704.png)
盒子阴影
![图片[39]-CSS基础语法-HTML篇-山海云端论坛](https://www.shserve.cn/wp-content/uploads/2023/11/b44e9dfca7215805.png)
![图片[40]-CSS基础语法-HTML篇-山海云端论坛](https://www.shserve.cn/wp-content/uploads/2023/11/342018e530215906.png)
过渡
![图片[41]-CSS基础语法-HTML篇-山海云端论坛](https://www.shserve.cn/wp-content/uploads/2023/11/ebfe368f01220034-1024x683.png)
![图片[42]-CSS基础语法-HTML篇-山海云端论坛](https://www.shserve.cn/wp-content/uploads/2023/11/8d5f691c79220256.png)
![图片[43]-CSS基础语法-HTML篇-山海云端论坛](https://www.shserve.cn/wp-content/uploads/2023/11/5d3041d572230032-1024x251.png)
网站小标签
![图片[44]-CSS基础语法-HTML篇-山海云端论坛](https://www.shserve.cn/wp-content/uploads/2023/11/fe47d00f13001341-1024x455.png)
网站准备工作
![图片[45]-CSS基础语法-HTML篇-山海云端论坛](https://www.shserve.cn/wp-content/uploads/2023/11/fe47d00f13001825-1024x455.png)
© 版权声明
THE END
喜欢就支持一下吧
![“Notification Saver” – 导出通知栏通知记录 [Android]-山海云端论坛](https://www.shserve.cn/wp-content/uploads/2023/09/d2b5ca33bd092535-178x300.png)
![“AutoPowerOptionsOK” – 让你的电脑在待机时更省电 [Windows]-山海云端论坛](https://www.shserve.cn/wp-content/uploads/2023/09/d2b5ca33bd093426-300x209.png)
![“Mac Mouse Fix” – Mac 鼠标功能优化工具 [macOS]-山海云端论坛](https://www.shserve.cn/wp-content/uploads/2023/09/d2b5ca33bd152346-300x112.png)
相关推荐
文章作者
最近活跃
最新评论
标签云
相对定位适用于小浮动移动，不会改变标签的显示模式。改变的位置是根据自己原先的位置改变
绝对定位
在绝对定位下居中
z-index默认指是0
代码设置三角形
焦点伪类选择器
属性选择器
精灵图（多张小图拼接为一张）
背景图片
background复合写法（连续写法）
盒子阴影
过渡
网站小标签
网站准备工作
暂无评论内容