本文深入探讨了CSS中的一些高级属性，如appearance、text-overflow、outline、cursor、zoom、box-sizing、resize、ime-mode和user-select的使用方法与应用场景。详细解释了这些属性如何提升网页布局和交互体验，帮助开发者掌握更精细的样式控制。
appearance 要加-webkit-
典型：appearance：none checkbox radio
text-overflow 文本内容是否截断 要结合overflow：hidden使用缺一不可
clip 超出部分截断
ellipsis 超出内容用。。。。显示
outline 复合属性 设置线条轮廓
outline-width length（不能为负值） thin medium thick
outline-style
outline-color color invert 背景色的反色
outline-offset 轮廓偏移的值 length 允许负数
cursor定义鼠标的形状
zoom 缩放比例
normal 使用对象的实际尺寸
<number> 用浮点数定义缩放比例 不允许负值
<percentage> 百分比缩放比例，不允许负值
box-sizing 盒模型组成模式
content-box padding和border不被包含在定义的width和height之内
border-box padding和border被包含在定义的width和height之内
resize属性
none不允许用户调整元素大小 both用户可以调宽度和高度 horizontal用户可以调宽度 vertical用户可以调高度
resize: none;
ime-mode
是否允许用户输入中文，韩文，日文等输入法状态
（auto normal active inactive disabled ） 用途不大
user-select
none不能被选择 text all element
pointer-events
auto none不会响应鼠标事件 （ visiblepainted visiblefill visiblestroke visible painted fill stroke all ）只能在svg上使用
pointer-events: none;
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
