这断时间家里有点事，上班也有点任务，所以几天没看视频没来更新了。今天来更新一下了。
一：默认样式重置
但凡是浏览默认的样式，都不要使用。
body,p,h1,h2,h3,h4,h5,h6,dl,dd{margin:0; font-size:12px;/* font-family:XX; */}
ol,ul{list-style:none;padding:0;margin:0;}
a{text-decoration:none;}
img{border:none;}
二：块元素和内嵌元素
立即学习“前端免费学习笔记（深入）”；
块元素的特征:
1.默认独占一行；
2.没有宽度时，默认撑满一排；
3.支持所有css命令；
内联元素的特征：
1.同类的标签可以在同排显示；
2.不支持宽高；
3.内容撑开宽度；
4.不支持上下的margin和padding;
5.代码换行被解析；
三：块元素和内嵌元素的转换
display:block 使内联元素具备块属性标签的特性；
display:inline 使块元素具备内嵌元素的特性。
display:inline-block
特性：1.块在一行显示；
2.行内属性标签支持宽高；
3.没有宽度的时候内容撑开；
问题：1.代码换行被解析；
2.ie6,7不支持块属性标签的inline-block;
四：浮动
1.块在一排显示；
2.内联元素也支持宽高了；
3.默认内容撑开宽度；
4.脱离文档流；
5.提升层级半层
这个时候div标签就和里面的内容位于同一层级了。
这个时候会出现这样的现象，这就和提升了半个层级有关。
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
C++高性能并发应用_C++如何开发性能关键应用
Java AI集成Deep Java Library_Java怎么集成AI模型部署
Golang后端API开发_Golang如何高效开发后端和API
Python异步并发改进_Python异步编程有哪些新改进
C++系统编程内存管理_C++系统编程怎么与Rust竞争内存安全
Java GraalVM原生镜像构建_Java怎么用GraalVM构建高效原生镜像
Python FastAPI异步API开发_Python怎么用FastAPI构建异步API
C++现代C++20/23/26特性_现代C++有哪些新标准特性如modules和coroutines
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
585
收藏
