分类: 编程教学

CSS溢出内容处理_overflow属性的scroll、hidden与auto

CSS溢出内容处理_overflow属性的scroll、hidden与auto

很多人用 overflow: scroll 是想“确保能滚动”,结果发现滚动条永远存在,占空间、影响布局,尤其在 macOS 上还带惯性滚动干扰点击。这不是 bug,是规范行为:scroll 的语义就是「始终启用滚动机制」,浏览器必须渲染滚动条(哪怕没内容可滚)。

如何正确获取 Python requests 请求的重定向历史

如何正确获取 Python requests 请求的重定向历史

本文详解 `requests` 库中 `r.history` 为空的原因及解决方案,重点说明服务端需使用 http 状态码重定向(如 302)而非前端 javascript 跳转,并演示 `allow_redirects=true` 的必要性与实际用法。

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

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

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

css浮动块级元素如何对齐文本_使用vertical-align或line-height

css浮动块级元素如何对齐文本_使用vertical-align或line-height

这是最常被误解的一点:vertical-align 只对 行内级元素(包括 inline、inline-block、table-cell)和表格单元格生效,对 float: left 或 float: right 的块级元素完全无效。如果你给一个 div 设置了 float: left,再加 vertical-align: middle,浏览器会直接忽略它。

CSS异步加载方案_使用preload属性优化样式表下载

CSS异步加载方案_使用preload属性优化样式表下载

浏览器对 link rel="preload" 的资源类型校验很严格:如果 as 属性写错,或 href 指向的不是实际 CSS 文件(比如带了服务端重定向、MIME 不匹配),它就只会下载,不会执行解析和应用。常见现象是 Network 面板里看到请求完成,但样式没生效,控制台也没报错。

CSS内边距Padding详解_四个方向的独立设置技巧

CSS内边距Padding详解_四个方向的独立设置技巧

直接说结论:padding: 10px 20px 30px 40px 的顺序是固定的——上、右、下、左,顺时针。写反了(比如误以为是“上下左右”)会导致视觉错位,尤其在卡片、表单等对称布局中特别明显。