三大特性+盒子模型

css三大特性

层叠性

继承性

盒子模型

边框border

div的默认宽度是页面宽度

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

solid实线

dashed虚线

dotted点线

表格细线边框

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

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

内边距padding

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

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

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

未设置边框时

设置边框后

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

内边距padding复合属性

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

padding应用-新浪导航栏

外边距

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

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

相关推荐
Acrelhuang2 小时前
筑牢用电防线:Acrel-1000 自动化系统赋能 35kV 园区高效供电-安科瑞黄安南
java·大数据·开发语言·人工智能·物联网
Cache技术分享2 小时前
233. Java 集合 - 遍历 Collection 中的元素
前端·后端
脸大是真的好~2 小时前
黑马JAVAWeb-10 文件上传-文件存储到服务器本地磁盘-文件存储在阿里云OSS-@Value属性注入
java
大G的笔记本2 小时前
算法篇常见面试题清单
java·算法·排序算法
亚林瓜子2 小时前
Spring中的异步任务(CompletableFuture版)
java·spring boot·spring·async·future·异步
MuYiLuck2 小时前
redis持久化与集群
java·数据库·redis
嚴寒2 小时前
Mac 安装 Dart & Flutter 完整开发环境指南
前端·macos
一叶飘零_sweeeet2 小时前
Java 项目 HTTP+WebSocket 统一权限控制实战
java·websocket·http·权限控制
用户6600676685392 小时前
从变量提升到调用栈:V8 引擎如何 “读懂” JS 代码
前端·javascript