摘要：
BFC不与float元素重叠 阅读全文
posted @ 2023-07-31 21:02
Liinboc
阅读(9)
评论(0)
推荐(0)
摘要：
float layout float属性可以取消 block 元素的换行符, 取消 block 的width:100%属性, float属性默认width:auto;由子元素决定 阅读全文
posted @ 2023-07-31 20:48
Liinboc
阅读(14)
评论(0)
推荐(0)
摘要：
流体 layout HTML部分: ``` ``` 阅读全文
posted @ 2023-07-31 20:16
Liinboc
阅读(8)
评论(0)
推荐(0)
摘要：
左边`固定`右边宽度`自适应` 固定元素要显式设置width,height 自适应元素要显式设置height `自适应`可以通过设置相对单位来完成,如 % , flex:1等 ``` ``` ``` .left{ height:200px; width:300px; background-color 阅读全文
posted @ 2023-07-31 19:55
Liinboc
阅读(14)
评论(0)
推荐(0)
摘要：
## 两栏布局 1.左边固定,右边自适应布局 ## 三栏布局 - 流体布局（浮动） - BFC三栏布局 - 双飞翼布局 - 圣杯布局 - flex - table布局 - 绝对定位布局 - 网格布局(Grid布局) ## 总结 layout可分为两个部分,容器的width,height和容器的位置. 阅读全文
posted @ 2023-07-31 19:39
Liinboc
阅读(23)
评论(0)
推荐(0)
摘要：
# float layout float最初用于创造文本环绕图片的效果,现在多用于创建多列布局. ## float 特点 float:left | right; 设置float使元素脱离正常文档流,吸附到父容器左边或右边. 阅读全文
posted @ 2023-07-31 19:29
Liinboc
阅读(23)
评论(0)
推荐(0)
摘要：
## Hexo实现 阅读全文
posted @ 2023-07-31 19:06
Liinboc
阅读(7)
评论(0)
推荐(0)
摘要：
HELO 阅读全文
posted @ 2023-07-31 15:06
Liinboc
阅读(7)
评论(0)
推荐(0)
摘要：
## web语义化 语义化标签属于HTML5新增内容 新增的语义化标签有 - header - nav - footer - main - artical - main ## 语义化标签目的 1. 增强代码可读性 2. 优化搜索引擎SEO 阅读全文
posted @ 2023-07-31 15:06
Liinboc
阅读(36)
评论(0)
推荐(0)
浙公网安备 33010602011771号