CSS中盒模型的边框属性

margin:外边距 如果想要让A元素和B元素有一点距离可以设置外边距

padding:内边距 div中想写文字 不想让它紧挨着边框可以设置内边距

使用height:100%时,父元素高度是0,子元素100%不会生效,所以高度默认由元素内容撑起 如果div中不写文字 那么即使设置了高度也不会生效 如果设置px就没问题 %就有问题

需要屏幕自适应就设置width:80% 高度不用设置 设置也不生效

当我们需要设置四个不同的边框属性是,生效顺序是顺时针 上 右 下 左

1.上 右 下 左 > 上 右 下 - 左边的取值和右边的⼀样

2.上 右 下 左 > 上 右 - 左边的取值和右边的⼀样 下边的取值和上边⼀样

3.上 右 下 左 > 上 - 右下左边取值和上边⼀样

简写边框属性



边框弧度border-radius:100px

数值越大圆角越圆

圆形是50%

相关推荐
我是伪码农16 小时前
JS考核复写
前端·javascript·css
lightqjx18 小时前
【前端】前端学习二之CSS
前端·css·学习·html
我命由我123451 天前
浏览器的 JS 模块化支持观察记录
开发语言·前端·javascript·css·html·ecmascript·html5
啥都不懂的小小白1 天前
前端CSS入门详解
前端·css
林恒smileZAZ1 天前
前端大屏适配方案:rem、vw/vh、scale 到底选哪个?
开发语言·前端·css·css3
apcipot_rain2 天前
CSS知识概述
前端·css
Brookty2 天前
HTTP应用数据组织、HTML/CSS/JS数据描述及应用层数据处理介绍
css·网络·http·html
奔跑的呱呱牛2 天前
CSS Grid 布局参数详解(超细化版)+ 中文注释 Demo
前端·css·grid
我是伪码农2 天前
HTML和CSS复习
前端·css·html
阿珊和她的猫2 天前
以用户为中心的前端性能指标解析
前端·javascript·css