精选推荐

最新动态

CSS轮廓线设置_outline与border的区别及应用

这是最常被误用的根源。当你给一个 div 加上 outline: 2px solid red,它不会影响周围元素的位置;但换成 border: 2px solid red,整个盒模型宽度和高度就多了 4px(上下/左右各 2px),可能触发重排或挤掉邻近元素。

CSS伪类:read-only与:read-write_只读状态的样式美化

浏览器只认 DOM 属性 readonly(布尔属性),不看 contenteditable="false" 或 disabled,也不管 JS 是否锁了输入逻辑。哪怕你用 input.setAttribute(‘readonly’, ‘readonly’),只要属性存在,:read-only 就生效;删掉就失效。

html如何占位_HTML元素占位设置与样式技巧【指南】

纯空格( )在 HTML 中是可渲染的空白字符,适合需要“视觉上存在但无内容”的轻量占位;而零宽空格 ​ 更隐蔽,不占像素宽度、不触发换行,适合对齐微调或防止连字断裂。注意:多个   会被浏览器合并为一个,若需多个独立空格,必须重复写或改用 white-space: pre 控制。