三大特性+盒子模型

css三大特性

层叠性

继承性

盒子模型

边框border

div的默认宽度是页面宽度

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

solid实线

dashed虚线

dotted点线

表格细线边框

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

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

内边距padding

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

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

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

未设置边框时

设置边框后

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

内边距padding复合属性

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

padding应用-新浪导航栏

外边距

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

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

相关推荐
cyforkk43 分钟前
12、Java 基础硬核复习:集合框架(数据容器)的核心逻辑与面试考点
java·开发语言·面试
身如柳絮随风扬6 小时前
Java中的CAS机制详解
java·开发语言
0思必得07 小时前
[Web自动化] Selenium处理动态网页
前端·爬虫·python·selenium·自动化
风筝在晴天搁浅7 小时前
hot100 78.子集
java·算法
东东5167 小时前
智能社区管理系统的设计与实现ssm+vue
前端·javascript·vue.js·毕业设计·毕设
catino7 小时前
图片、文件的预览
前端·javascript
故事和你918 小时前
sdut-Java面向对象-06 继承和多态、抽象类和接口(函数题:10-18题)
java·开发语言·算法·面向对象·基础语法·继承和多态·抽象类和接口
Configure-Handler9 小时前
buildroot System configuration
java·服务器·数据库
:Concerto9 小时前
JavaSE 注解
java·开发语言·sprint
layman05289 小时前
webpack5 css-loader:从基础到原理
前端·css·webpack