📝 CSS教程
2362篇技术文档📅 最后修改于: 2021-08-29 12:05:56 🧑 作者: Mango
在本文中，我们将看到如何在 CSS 中定义 word-break 属性以允许单词继续到下一行。您可以使用break-all和break-word属性值来定义word-break 属性，该属性用于指定当单词到达行尾时如何中断单词。句法：适当的价值：break-all：用于在任意字符处打断单词以防止溢出。断字：用于在任意点断字以防止溢出。示例 1：HTMLHTMLHTML输出：示例 2：HTML输出：...
📅 最后修改于: 2021-08-29 12:06:11 🧑 作者: Mango
在本文中，我们将看到如何使用 Fabric.js 创建类似画布的折线。画布意味着折线是可移动的，可以根据需要拉伸。此外，当涉及到初始填充颜色、笔触颜色及其坐标时，可以自定义折线。为了使它成为可能，我们将使用一个名为 FabricJS 的 JavaScript 库。导入库后，我们将在包含多段线的 body 标签中创建一个画布块。之后，我们将初始化 FabricJS 提供的 Canvas 和 Poly...
📅 最后修改于: 2021-08-29 12:06:25 🧑 作者: Mango
url()函数是一个内置函数，用于包含文件。该函数的参数是绝对 URL、相对 URL 或数据 URI。 url()函数可用于 background-image、border-image、list-style-image、content、cursor、border-image、border-image-source、src 作为 @font-face 块的一部分，以及 @反风格/符号。句法：参数：此...
📅 最后修改于: 2021-08-29 12:06:41 🧑 作者: Mango
在操作系统中，所有程序和库的加载都由加载器处理，加载器是启动程序的重要过程之一。程序保存在内存中以供进一步执行。HTML 代码：在本节中，设计了代码的基本结构。CSS 代码：在本节中，卡通加载器的设计是使用@keyframes等 CSS 属性实现的。动画是通过从一组样式逐渐更改为另一组样式来创建的。更改以百分比或关键字“from”和“to”表示，这将与 0% 和 100% 相同。我们可以根据需要多...
📅 最后修改于: 2021-08-29 12:06:58 🧑 作者: Mango
三个或更多不同的 div 可以在同一个 div 中使用 CSS 并排放置。这可以通过 flexbox 实现——但请注意，您需要使用包装 div 并为每个 div 应用不同的 flex-directions 以使网格布局工作。使用 CSS 属性设置 div 的高度和宽度。句法：示例：此示例说明如何使用常规 HTML 和 CSS 在同一个 div 中创建 3 个框。...
📅 最后修改于: 2021-08-29 12:07:24 🧑 作者: Mango
item()方法用于通过 index 从 CSS 声明块返回CSS 的属性名称。句法：参数：它接受单个参数：index：它是一个必需参数，包含一个数字，表示 CSS 属性的索引。返回值：以字符串的形式返回CSS属性的名称。示例：显示item() 方法的工作：输出：在点击按钮之前：点击按钮后：支持的浏览器：谷歌浏览器浏览器 9.0火狐苹果浏览器歌剧...
📅 最后修改于: 2021-08-29 12:07:40 🧑 作者: Mango
在本文中，我们将使用 jQuery 设置元素的背景颜色。要添加背景颜色，我们使用 css() 方法。 JQuery 中的 css() 方法用于更改所选元素的样式属性。 JQuery 中的 css() 可以以不同的方式使用。 css() 方法可用于检查所选元素的属性的当前值。句法：返回值：它将返回所选元素的属性值。例子：HTML输出：单击按钮之前：点击按钮后：...
📅 最后修改于: 2021-08-29 12:07:56 🧑 作者: Mango
ElectronJS是一个开源框架，用于使用能够在 Windows、macOS 和 Linux 操作系统上运行的 HTML、CSS 和 JavaScript 等 Web 技术构建跨平台原生桌面应用程序。它将 Chromium 引擎和NodeJS 组合成一个单一的运行时。所有复杂的 Web 应用程序都使用本地存储。本地存储(又名DOM 存储)是一种 Web 存储，它允许网站在客户端浏览器中存储、持久...
📅 最后修改于: 2021-08-29 12:08:12 🧑 作者: Mango
在设计网页时，我们过去常常添加一些项目列表，有时它们会被编号(以各种样式)，有时它们会带有项目符号(以各种样式)。当我们试图设计一个导航栏或任何类型的列表时，可能会发生这种情况，其中项目既没有编号也没有项目符号，我们不需要数字或项目符号，也没有边距。要从无序列表(带有项目符号的列表)中删除该缩进，需要使用 CSS 完成样式设置。该样式将仅在列表上实现。所以选择器将是 ul。句法：示例：此示例创建一...
📅 最后修改于: 2021-08-29 12:08:28 🧑 作者: Mango
在本文中，我们将学习如何移除应用的 CSS 转换。 CSS transform 属性用于对元素应用二维或三维变换。此属性可用于旋转、缩放、移动甚至倾斜元素。句法：为了移除应用的 CSS 转换，我们将使用 JavaScript。当我们单击按钮时使用 JavaScript 它将从元素中删除该类。下面是上述方法的完整实现。示例：1HTMLHTML输出：在点击按钮之前：点击按钮后：示例 2：HTML输出：...
📅 最后修改于: 2021-08-29 12:08:48 🧑 作者: Mango
当浏览器在离线模式下工作时，onoffline 事件属性起作用。它仅由 <body> 标签支持。它与在线事件属性相反。句法：属性值：调用 onoffline 属性时运行脚本事件。例子：HTML输出：支持的浏览器：onoffline 事件属性支持的浏览器如下：火狐 3.0浏览器 8.0...
📅 最后修改于: 2021-08-29 12:09:03 🧑 作者: Mango
CSS 网格布局模块用于创建基于网格的布局系统，借助行和列，可以更轻松地设计任何网页，而无需使用浮动和定位。句法：注意：如果 HTML 元素设置 display:grid;则该元素将成为网格。在 style 部分或inline-grid。您将在下面看到两个示例。例 1：本例说明display:grid; 的使用。财产。输出：例 2：本例说明display:inline-grid; 的使用。财产。输...
📅 最后修改于: 2021-08-29 12:09:20 🧑 作者: Mango
background-origin是 CSS 中定义的一个属性，它有助于调整网页的背景图像。此属性用于设置背景中图像的原点。默认情况下，此属性将背景图像原点设置为屏幕/网页的左上角。句法：适当的价值：初始：这需要将背景原点设置为左上角的填充边缘的初始/默认值。句法：例子：输出：padding-box：该属性用于设置背景图片的原点为左上角的填充边缘。句法：例子：输出：border-box：该属性用于...
📅 最后修改于: 2021-08-29 12:09:37 🧑 作者: Mango
CSS flexbox 是开发前端的重要功能，CSS 中有四个可用方向，因此在 Tailwind CSS 中，所有属性都以类形式覆盖。它是 CSS flex-direction 属性的替代品，用于快速开发前端。注意：要激活 flex-direction，您必须在 flex-direction 类之前在元素中包含 flex 类。弹性方向：flex-rowflex-row-reverseflex-co...
📅 最后修改于: 2021-08-29 12:09:54 🧑 作者: Mango
Semantic UI 是一个开源框架，它使用 CSS 和 jQuery 来构建出色的用户界面。它与使用的引导程序相同，并且有很多不同的元素可以用来使您的网站看起来更神奇。它使用一个类向元素添加 CSS。嵌入显示来自其他网站的内容，如 YouTube 视频、Vimeo、谷歌地图等。示例 1：这个例子嵌入了 Youtube。jQuery：完整代码：输出：示例 2：此示例以编程方式指定详细信息。jQu...