HTML中CSS清除浮动的方法总结
1.直接设置父元素的高度 ------------ **优点:** 简单粗暴、方便。 **缺点:** 有些布局中不能固定父元素高度。如:新闻列表、京东推荐模块等。 2.额外标签法 ------- **操作:** 1. 在父元素内容的最后添加一个块级元素 2. 给添加的块级元素设置clear:both **缺点:** 会在页面中添加额外的标签,会让页面的HTML结构变...
1.直接设置父元素的高度 ------------ **优点:** 简单粗暴、方便。 **缺点:** 有些布局中不能固定父元素高度。如:新闻列表、京东推荐模块等。 2.额外标签法 ------- **操作:** 1. 在父元素内容的最后添加一个块级元素 2. 给添加的块级元素设置clear:both **缺点:** 会在页面中添加额外的标签,会让页面的HTML结构变...
静态定位: ----- 静态定位是默认值,就是之前认识的标准流。 代码:postion:static 静态定位不能通过方向偏移值来改变。 相对定位: ----- 自恋型定位,相对于自己之前的位置进行移动。 代码:postion:relative 1. 需要配合访问属性来移动 2. 相对于自己原来的位置进行移动 3. 在页面中占位置→没有脱标 **应用场景*...
**场景:** 让盒子四个角变得圆润,增加页面细节,提升用户体验。 **属性名:** border-radius **常见取值:** 数字+px、百分比 **写法:** ```lang-css border-radius:50px; 或 border-radius:10%; ``` **原理:** ![](http://static.51tbox.com/stati...
使用 `background-image`属性实现渐变背景效果 渐变是多个颜色逐渐变化的视觉效果,一般用于设置盒子的背景色。 **俩种颜色间渐变语法:** ```lang-css background-image: linear-gradient( 颜色1, 颜色2 ); ``` **从透明到半透明语法:** ```lang-css backgrou...
利用空间转换属性使用立体呈现技巧实现3D导航效果 ![](http://static.51tbox.com/static/2024-11-07/col/30eadd7fe5c90cf7491e74dbe3c57111/22339d84d1914307a7601a5fe07a2b6e.png.jpg) 标签整理 ---- 依据**由外到内,由大到小**的原则: 首先观察整...
最近逛了好多站长的小家,发现大家基本都有自己的个人云盘,而且无广告,页面简介,让人一见心喜,这两天刚好抽空自己也搭建了一个云盘,用的是Cloudreve的程序,页面简洁美观,功能强大嘿嘿。 **演示地址:** [http://cloud.yuezeyi.cn/](https://51tbox.com/) Cloudreve的功能特性: --------------- * ...
### 1. 注册 Neodb 账号 [#](#1-%E6%B3%A8%E5%86%8C-neodb-%E8%B4%A6%E5%8F%B7) 注册 NeoDB 账号前,需要注册一个 Mastodon 长毛象宇宙的账号,有很多实例可以注册。然后用 Mastodon 账号就可以登录 NeoDB 了。最新的 NeoDB 似乎已经可以绑定邮箱登录了。 注册 Mastodon 和 ...
### 前言 [#](#%E5%89%8D%E8%A8%80) 几个月之前在 [长毛象联邦宇宙](/go/?target=aHR0cHM6Ly9tYXN0b2Rvbi5zb2NpYWwvQGVhbGxpb24vMTEwMzgzOTU0NDc5MDQ4NTE0) 里问过 NeoDB 官方有没有 API,得到肯定回答后,我就着手计划把观影页面的 API 搬到 NeoDB 了。前几...
0x00前言 {#0x00%E5%89%8D%E8%A8%808652} ==================================== 今天正无聊呢,看到大白哥发起了挑战 ![46922-ilz587s351.png](http://static.51tbox.com/static/2024-11-06/col/a58ad757fd6bda1c2933d694...
**本次教程来自YanXia,转载请注明作者信息,博客地址<http://www.535yx.cn>,感谢** 0x00前言 {#0x00%E5%89%8D%E8%A8%805085} ------------------------------------ hello,everybody。今天给大家带来一个我在梦中梦到的事件。大家看看就好\~\~\~ ![...