css3新增盒子属性:怪异盒子、resize、box-shadow、opacity

1.怪异盒子(常用)

box-sizing:border-box 设置怪异盒子后,盒子的border和padding都计算在内容当中,给元素设置多少宽高,就是多少宽高

2.resize的使用(不常用)

resize:horizontal;使元素可水平拖动调整

resize:horizontal;使元素可垂直拖动调整

resize:both;使元素可水平垂直拖动调整

注意:以上三种都需要配合overflow:hiddle来使用或者overflow:其他的值

3.box-shadow(常用)

box-shadow最少写两个值

4.opacity

相关推荐
悟能不能悟4 分钟前
vue项目,url访问不了,用route-link跳过去就可以访问,为什么
前端·javascript·vue.js
程序媛_MISS_zhang_01105 分钟前
APP中列表到详情,详情返回列表时候,返回定位到之前查看详情那条数据
前端·javascript·vue.js
还有多远.5 分钟前
前端部署后自动检测更新
前端·javascript·vue.js
拾忆,想起8 分钟前
Dubbo本地存根与本地伪装实战指南:提升微服务容错能力的利器
前端·微服务·云原生·架构·dubbo·safari
wuli_滔滔12 分钟前
DevUI弹窗体系重构:微前端场景下的模态管理策略
前端·重构·架构
fruge15 分钟前
Angular 17 新特性深度解析:独立组件 + 信号系统实战
前端·javascript·vue.js
卓码软件测评15 分钟前
第三方软件质量检测机构:【Apifox多格式支持处理JSON、XML、GraphQL等响应类型】
前端·测试工具·正则表达式·测试用例·压力测试
心随雨下19 分钟前
Flutter加载自定义CSS样式文件方法
前端·css·flutter
X***C86221 分钟前
SpringMVC 请求参数接收
前端·javascript·算法