三大特性+盒子模型

css三大特性

层叠性

继承性

盒子模型

边框border

div的默认宽度是页面宽度

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

solid实线

dashed虚线

dotted点线

表格细线边框

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

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

内边距padding

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

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

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

未设置边框时

设置边框后

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

内边距padding复合属性

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

padding应用-新浪导航栏

外边距

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

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

相关推荐
zhuà!6 小时前
uv-picker在页面初始化时,设置初始值无效
前端·javascript·uv
Amumu121386 小时前
React应用
前端·react.js·前端框架
摸鱼的春哥6 小时前
实战:在 Docker (Windows) 中构建集成 yt-dlp 的“满血版” n8n 自动化工作流
前端·javascript·后端
IT 行者6 小时前
Spring Security 7 OAuth2 Token 格式选择浅析
java·后端·spring
小酒星小杜6 小时前
在AI时代,技术人应该每天都要花两小时来构建一个自身的构建系统
前端·vue.js·架构
测试游记6 小时前
基于 FastGPT 的 LangChain.js + RAG 系统实现
开发语言·前端·javascript·langchain·ecmascript
shughui6 小时前
最新版IntelliJ IDEA下载+安装+汉化(详细图文)
java·ide·intellij-idea
阿奇__6 小时前
elementUI table 多列排序并保持状态样式显示正确(无需修改源码)
前端·vue.js·elementui
小罗和阿泽6 小时前
java 【多线程基础 三】
java·开发语言
想你依然心痛6 小时前
从x86到ARM的HPC之旅:鲲鹏开发工具链(编译器+数学库+MPI)上手与实战
java·开发语言·arm开发·鲲鹏·昇腾