三大特性+盒子模型

css三大特性

层叠性

继承性

盒子模型

边框border

div的默认宽度是页面宽度

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

solid实线

dashed虚线

dotted点线

表格细线边框

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

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

内边距padding

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

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

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

未设置边框时

设置边框后

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

内边距padding复合属性

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

padding应用-新浪导航栏

外边距

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

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

相关推荐
秋収冬藏19 小时前
第一章:Dify 整体架构总览
前端
时光不负努力19 小时前
阶段 6:前端工程体系 - 企业级落地
前端
KaMeidebaby20 小时前
卡梅德生物技术快报|多肽库筛选技术构建药物递送功能肽库:流程、算法与质控体
前端·数据库·其他·百度·新浪微博
李剑一20 小时前
字节一面,考察的够全面的啊!面试官:请分阶段解释一下从输入URL到页面渲染整个链路中的关键环节和可观测点
前端
爱笑的源码基地20 小时前
小微企业ERP源码,采用SpringBoot+Vue+ElementUI+UniAPP技术架构,支持二次开发及商用授权
java·源码·二次开发·erp·源代码·mrp生产计划
xChive20 小时前
前端请求取消:用 AbortController 从 fetch 到 axios
前端·vue.js·axios·fetch·abortcontroller
Python大数据分析@20 小时前
HTML会代替Markdown吗?为什么?
前端·html
一棵树735120 小时前
js总结介绍
前端·javascript·html
jiayong2320 小时前
前端面试题库 - 工程化与性能优化篇
前端·面试·性能优化
happymaker062620 小时前
Spring学习日记——DAY03(yml文件)
java·spring boot·spring