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

相关推荐
ziqi52220 小时前
第二十五天笔记
前端·chrome·笔记
GISer_Jing20 小时前
Memory、Rules、Skills、MCP如何重塑AI编程
前端·人工智能·aigc·ai编程
xcs1940520 小时前
前端 项目构建问题 \node_modules\loader-runner\lib\loadLoader.js
开发语言·前端·javascript
广然20 小时前
EVE-NG 镜像管理工具 1.1 Web 版本正式发布!
运维·服务器·前端
Data_Journal20 小时前
【无标题】
大数据·服务器·前端·数据库·人工智能
我爱加班、、20 小时前
new Map()+Array.from()整理elementPlus的级联器数据
linux·前端·javascript
Hx_Ma1621 小时前
Map集合的5种遍历方式
java·前端·javascript
css趣多多21 小时前
render函数
前端·javascript·vue.js
web打印社区21 小时前
前端开发实现PDF打印需求:从基础方案到专业解决方案
前端·vue.js·react.js·electron·pdf
时光追逐者21 小时前
使用 MWGA 帮助 7 万行 Winforms 程序快速迁移到 WEB 前端
前端·c#·.net