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

相关推荐
码事漫谈6 分钟前
AI提效,到底能强到什么程度?
前端·后端
IT_陈寒6 分钟前
React hooks依赖数组这个坑差点把我埋了
前端·人工智能·后端
阿祖zu34 分钟前
内容创作 AI 透明化声明倡议与项目开源
前端·后端·github
lpfasd12339 分钟前
TypeScript + Cloudflare 全家桶部署项目全流程
前端·javascript·typescript
ZC跨境爬虫43 分钟前
极验滑动验证码自动化实战:背景提取、缺口定位与Playwright滑动模拟
前端·爬虫·python·自动化
前端Hardy1 小时前
字节/腾讯内部流出!Claude Code 2026王炸玩法!效率暴涨10倍
前端·javascript·vue.js
糟糕好吃1 小时前
AI 全流程解析(LLM / Token / Context / RAG / Prompt / Tool / Skill / Agent)
前端·后端·设计模式
快手技术1 小时前
快手广告系统全面迈入生成式推荐时代!GR4AD:从Token到Revenue的全链路重构
前端·后端
前端Hardy1 小时前
大厂都在偷偷用的 Cursor Rules 封装!告别重复 Prompt,AI 编程效率翻倍
前端·javascript·面试
kyriewen1 小时前
Vite:比Webpack快100倍的“闪电侠”,原理竟然这么简单?
前端·javascript·vite