lio零度

未归档

/ 注册

全部文章 / 未归档（共375篇）

防止浏览器要求翻译

如果一个网站的内容是用一种特定的语言编写的，那么访问者在使用某些浏览器时可能会被提示将其翻译成另一种语言（例如谷歌浏览器）。您可以通过为整个文档设置 translate 属性来防止这种情况发生： <html translate="no"></html>...

2021-11-08

0 287

指定文档类型

在互联网的旧时代，Netscape Navigator 和 Microsoft Internet Explorer 是流行的浏览器。他们有不同的规则集，因此网页有两个不同的版本为他们服务。后来，更多的浏览器出现了，互联网也有了标准规范。但他们必须支持两种不同的方式来渲染网页：标准和怪癖模式。标准...

2021-11-07

0 254

过滤文件输入的文件类型

默认情况下，单击文件输入（<input type="file"/>）时，浏览器将列出目标文件夹中的所有文件。文件输入提供 accept 属性，该属性提示浏览器列出特定的文件类型。属性值可以是一个或多个文件扩展名、MIME 类型，用逗号分隔。例如，要求用户选择的...

2021-11-07

0 253

使用指针事件来控制鼠标事件

pointer-events 允许您指定鼠标如何与其触摸的元素进行交互。要禁用按钮上的默认指针事件，例如： .button-disabled { opacity: .5; pointer-events: none; }

2021-11-07

0 212

只为 Firefox 编写 CSS 规则

如果您想添加一些 CSS 规则来修复 Firefox 上的问题，那么这个技巧可能很有用。有两种检测 Firefox 的方法： @-moz-document url-prefix() { h1 { color: blue; } } /* 使用 `@support` */ @su...

2021-11-07

0 207

在打印模式下显示链接

当用户打印网页时，他们将看不到实际的链接。如果一个链接同时显示文本和它的链接，它会更有用。我们可以通过在 :after 元素中包含链接来实现： @media print { a::after { content: ' (' attr(href) ') '; } } 在打印模...

2021-11-06

0 371

转义 CSS 类名

CSS 类名不能包含 : 字符。例如，不可能在 CSS 中声明以下类： .lg:flex { ... } 但是，我们可以使用 \ 字符来更正它： .lg\:flex { ... } 类名可以像往常一样在 HTML 中使用： <div class="lg:flex...

2021-11-06

0 240

指示缺少 alt 属性的 img 元素

以下 CSS 为任何缺少 alt 属性或 alt 属性为空的 img 提供红色轮廓： img:not([alt]), img[alt=''] { outline: 8px solid red; } 如果您使用的是 Visual Studio Code，则可以安装 webhint 扩展。当您...

2021-11-05

0 332

创建自定义表情符号光标

创建自定义光标有两种常用方法：使用图像创建 canvas 元素并生成 base64 图像这两种方法最终都通过将图像的 URL 设置为 cursor 属性来更改光标： .custom-cursor { cursor: url(/path/to/image.png), a...

2021-11-05

0 266

避免使用 CSS @import

@import 函数允许我们包含来自外部文件的样式。当我们的项目有很多样式时，它非常有用。我们不需要创建一个文件来定义所有样式，而是可以将它们拆分为多个文件，并将它们组合到主文件中。 /* 主文件 */ @import 'common.css'; @import 'components.css';...

2021-11-04

0 312