三大特性+盒子模型

css三大特性

层叠性

继承性

盒子模型

边框border

div的默认宽度是页面宽度

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

solid实线

dashed虚线

dotted点线

表格细线边框

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

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

内边距padding

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

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

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

未设置边框时

设置边框后

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

内边距padding复合属性

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

padding应用-新浪导航栏

外边距

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

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

相关推荐
SimonKing2 分钟前
分享一款可以管理本地端口的IDEA插件:Port Manager
java·后端·程序员
索荣荣7 分钟前
Maven配置文件(pom.xml)终极指南
java·开发语言
广州华水科技9 分钟前
单北斗变形监测一体机在基础设施安全与地质灾害监测中的应用价值分析
前端
Dragon Wu16 分钟前
Electron Forge集成React Typescript完整步骤
前端·javascript·react.js·typescript·electron·reactjs
芳草萋萋鹦鹉洲哦16 分钟前
【Tailwind】动画解读:Tailwind CSS Animation Examples
前端·css
华仔啊19 分钟前
jQuery 4.0 发布,IE 终于被放弃了
前端·javascript
代码栈上的思考21 分钟前
SpringBoot 拦截器
java·spring boot·spring
一心赚狗粮的宇叔23 分钟前
03.Node.js依赖包补充说明及React&Node.Js项目
前端·react.js·node.js
送秋三十五25 分钟前
一次大文件处理性能优化实录————Java 优化过程
java·开发语言·性能优化
子春一25 分钟前
Flutter for OpenHarmony:音律尺 - 基于Flutter的Web友好型节拍器开发与节奏可视化实现
前端·flutter