三大特性+盒子模型

css三大特性

层叠性

继承性

盒子模型

边框border

div的默认宽度是页面宽度

border-color的颜色指的是边框颜色

solid实线

dashed虚线

dotted点线

表格细线边框

两个边框重叠的时候边框比较粗,是因为两个边框重合在一起了

边框border会影响盒子的实际大小

内边距padding

text-align只能控制在顶部居中

不能写两个center,否则是无效的

要上下左右都居中的话,可以用内边距把文字挤到中间去

未设置边框时

设置边框后

内边框会改变盒子实际大小

内边距padding复合属性

内边距padding会影响盒子实际大小

padding应用-新浪导航栏

外边距

外边距合并-嵌套块元素塌陷

网页元素会自带内外边距,导致网页元素不能完全靠边

相关推荐
weixin_464307632 分钟前
QT智能指针
java·数据库·qt
架构师沉默5 分钟前
程序员如何避免猝死?
java·后端·架构
明君879978 分钟前
说说我为什么放弃使用 GetX,转而使用 flutter_bloc + GetIt
前端·flutter
Jingyou11 分钟前
用 Astro 搭建个人博客:从零到上线的完整实践
前端
吴声子夜歌15 分钟前
JavaScript——call()、apply()和bind()
开发语言·前端·javascript
高桥凉介发量惊人21 分钟前
质量与交付篇(2/6):CI/CD 实战——自动构建、签名、分发
前端
leafyyuki22 分钟前
SSE 同域长连接排队问题解析与前端最佳实践
前端·javascript·人工智能
高桥凉介发量惊人23 分钟前
质量与交付篇(3/6):崩溃分析与线上问题回溯机制
前端
angerdream24 分钟前
最新版vue3+TypeScript开发入门到实战教程之路由详解三
前端·javascript·vue.js
Zzxy25 分钟前
快速搭建SpringBoot项目并整合MyBatis-Plus
java·spring boot