爱吃火锅的小boy
码龄6年
关注
提问 私信
  • 博客：263,133
    社区：33
    263,166
    总访问量
  • 287
    原创
  • 1,003,761
    排名
  • 75
    粉丝
  • 0
    铁粉

个人简介：加油，冲冲冲

IP属地以运营商信息为准，境内显示到省（区、市），境外显示到国家（地区）
IP 属地：浙江省
  • 加入CSDN时间： 2018-08-07
博客简介：

weixin_42900834的博客

查看详细资料
个人成就
  • 获得149次点赞
  • 内容获得6次评论
  • 获得597次收藏
  • 代码片获得797次分享
创作历程
  • 106篇
    2022年
  • 181篇
    2021年
成就勋章
TA的专栏
  • 安卓中间件
    2篇
  • java
    1篇
  • 冒泡排序
    1篇
  • 笔记
    1篇
兴趣领域 设置
  • 嵌入式
    嵌入式硬件
创作活动更多

如何做好一份技术文档？

无论你是技术大神还是初涉此领域的新手，都欢迎分享你的宝贵经验、独到见解与创新方法，为技术传播之路点亮明灯！

180人参与 去创作
  • 最近
  • 文章
  • 代码仓
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

清除浮动：双伪元素清除浮动（最常用）

before:在前面插入盒子after:在后面插入盒子代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initi..
原创
发布博客 2022.05.15 ·
1017 阅读 ·
1 点赞 ·
0 评论 ·
1 收藏

清除浮动——after伪元素法

语法：.clearfix:after{ content: ""; display: block; height: 0; clear: both; visibility: hidden; } .clearfix{ /* IE6、7专用 */
原创
发布博客 2022.05.15 ·
685 阅读 ·
1 点赞 ·
0 评论 ·
0 收藏

清除浮动 给父级添加overflow

代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl.
原创
发布博客 2022.05.15 ·
385 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

清除浮动本质以及额外标签法（了解）

代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...
原创
发布博客 2022.05.15 ·
244 阅读 ·
0 点赞 ·
0 评论 ·
2 收藏

浮动的注意点

1.浮动的盒子只会影响浮动盒子后面的标准流不会影响前面的标准流代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, init
原创
发布博客 2022.05.15 ·
204 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

常见的网页布局

代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl..
原创
发布博客 2022.05.10 ·
186 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

手机模块布局案例

网页布局第一准测：标准流设置上下盒子排列，浮动设置左右盒子排列网页布局第二准测：先设置盒子大小，之后设置盒子的位置代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" conte
原创
发布博客 2022.05.10 ·
157 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

浮动布局练习

练习：代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <t
原创
发布博客 2022.05.10 ·
154 阅读 ·
0 点赞 ·
0 评论 ·
2 收藏

浮动元素经常和标准流父级搭配使用

浮动布局案例1代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"...
原创
发布博客 2022.05.02 ·
357 阅读 ·
0 点赞 ·
0 评论 ·
2 收藏

浮动元素具有行内块元素

代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title..
原创
发布博客 2022.05.02 ·
196 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

浮动元素一行显示

代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&
原创
发布博客 2022.04.01 ·
140 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

浮动特性（重难点）——脱标

代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl..
原创
发布博客 2022.04.01 ·
286 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

CSS浮动

所有的浮动都是贴着浮动连在一起的左浮动：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-sc...
原创
发布博客 2022.04.01 ·
201 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

圆角边框的使用

1.画圆（重点）代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
原创
发布博客 2022.03.30 ·
557 阅读 ·
0 点赞 ·
0 评论 ·
2 收藏

圆角边框使用（重点）

1.语法：border—radius:length数值越大，弧度越明显代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-wi
转载
发布博客 2022.03.30 ·
118 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

快报模块列表制作

1.去掉li前面的项目符号（小圆点）list-style:none;2.代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-wid
原创
发布博客 2022.03.30 ·
131 阅读 ·
0 点赞 ·
0 评论 ·
2 收藏

快报模块头部制作

1.代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl
原创
发布博客 2022.03.30 ·
136 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

JAVA基本数据类型

1.打印单个数据代码：public class Test { public static void main(String[] args) { int a; a=10; System.out.println("a="+a); }}运行效果：2.打印多个数据代码：public class Test { public static void main(String[] args) { int a; a=10; int .
原创
发布博客 2022.03.24 ·
689 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

产品模块布局

1.box布局代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &
原创
发布博客 2022.03.15 ·
179 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

清除内外边距

1.清除内外边距2.代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> .
原创
发布博客 2022.03.15 ·
1277 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏
加载更多