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

相关推荐
Ling_suu13 分钟前
SpringBoot3——Web开发
java·服务器·前端
Yvemil720 分钟前
《开启微服务之旅:Spring Boot Web开发》(二)
前端·spring boot·微服务
hanglove_lucky22 分钟前
本地摄像头视频流在html中打开
前端·后端·html
维李设论25 分钟前
Node.js的Web服务在Nacos中的实践
前端·spring cloud·微服务·eureka·nacos·node.js·express
2401_8576009531 分钟前
基于 SSM 框架 Vue 电脑测评系统:赋能电脑品质鉴定
前端·javascript·vue.js
天之涯上上35 分钟前
Pinia 是一个专为 Vue.js 3 设计的状态管理库
前端·javascript·vue.js
@大迁世界43 分钟前
摆脱 `<div>`!7 种更语义化的 HTML 标签替代方案
前端·html
高山我梦口香糖2 小时前
[react] <NavLink>自带激活属性
前端·javascript·react.js
撸码到无法自拔2 小时前
React:组件、状态与事件处理的完整指南
前端·javascript·react.js·前端框架·ecmascript
高山我梦口香糖2 小时前
[react]不能将类型“string | undefined”分配给类型“To”。 不能将类型“undefined”分配给类型“To”
前端·javascript·react.js