📝 CSS教程
2362篇技术文档📅 最后修改于: 2021-08-29 12:36:25 🧑 作者: Mango
表单在网站中必不可少，可以为各种目的收集数据或信息。使用纯 CSS，我们可以创建不同类型的表单。纯 CSS 表单类：默认表格堆叠形式对齐形式分组输入默认表单：将类“pure-form”添加到任何 <form> 元素以创建默认表单。这种形式本质上是内联的。句法：例子：HTMLHTMLHTMLHTML输出：Stacked Form：在 <form> 元素内的 pure-form 旁边添加类“pure-...
📅 最后修改于: 2021-08-29 12:36:41 🧑 作者: Mango
翻转动画是一种加载动画，我们使用方形翻转效果来给人加载动画的感觉。这些类型的动画在网站内容加载时间过长的时候很有用。此动画可以让访问者保持参与并防止他们在没有看到内容的情况下离开您的网页。这个动画背后的主要概念是变换和@keyframes 的应用。在尝试执行此代码之前，请仔细阅读它们。HTML 代码::创建一个 HTML 文件并在其中创建一个 div。CSS 代码：在 CSS 中，我们所做的第一件...
📅 最后修改于: 2021-08-29 12:36:58 🧑 作者: Mango
所述writeln()方法被用来编写与每个语句后字符的附加属性的文档。此方法类似于 document.write() 方法。句法：参数：该方法包含许多可选的参数。所有表达式参数 (exp1, exp2, …) 都可以按出现顺序列出和显示。例子：输出：支持的浏览器：writeln() 方法支持的浏览器如下：铬合金IE浏览器火狐歌剧苹果浏览器...
📅 最后修改于: 2021-08-29 12:37:20 🧑 作者: Mango
inset-block-start 属性用于定义逻辑块的起始偏移量，而不是用于内联偏移量或逻辑块。此属性可以应用于任何写入模式属性。句法：属性值：长度：它设置了一个固定值，定义在 px、cm、pt 等中。允许负值。它的默认值为 0px。百分比 (%)：与长度相同，但大小是根据窗口大小的百分比设置的。auto：当需要浏览器确定块大小时使用。initial：用于将 inset-block-start ...
📅 最后修改于: 2021-08-29 12:37:35 🧑 作者: Mango
绘制具有多个点的平滑曲线是一项具有挑战性的任务。有许多算法可以帮助我们使用特定点绘制曲线。贝塞尔曲线是曲线绘制技术中的一种。关于如何使用 JavaScript 通过多个点绘制平滑曲线总是有很多讨论。因此，我们可以通过多个点绘制平滑曲线。为了画一条线，我们应该有一条线的斜率。所以在这里我们通过取 x 和 y 的多个输入来计算一条线的斜率。为了绘制平滑曲线，我们应该有多个输入/点，我们可以通过这些输入...
📅 最后修改于: 2021-08-29 12:37:50 🧑 作者: Mango
HTML 中的console.info()方法用于在控制台中写入消息。它表示关于任何元素或对象的重要信息。该消息作为参数发送到console.info() 方法。句法：参数：此方法接受单参数消息，该消息是强制性的，用于指定要写入控制台的信息。下面的程序说明了 HTML 中的 DOM console.info() 方法：示例 1：HTMLHTML输出：控制台视图：示例 2：使用 DOM consol...
📅 最后修改于: 2021-08-29 12:38:06 🧑 作者: Mango
要创建移动切换导航菜单，您需要 HTML、CSS 和 JavaScript。如果你想在菜单中附加图标，那么你需要一个字体很棒的 CDN 链接。本文分为创建结构和设计结构两部分。完整导航一瞥：创建结构：在本节中，我们将创建一个基本的站点结构，并为将用作菜单图标的图标附加 Font-Awesome 的 CDN 链接。Font Awesome 中图标的 CDN 链接：<link rel=”stylesh...
📅 最后修改于: 2021-08-29 12:38:23 🧑 作者: Mango
Materialise 提供了一个选择功能来创建可以轻松选择的选项，以便为 Web 表单提供更多信息。以下是不同的选择功能：简单的选择选项：允许从选择下拉列表中选择一个选项。为此，使用 <select> 和 <option> 标签。select dropdown with multiple selections：允许从选择下拉列表中选择多个选项。为此，在 <select> 标签中使用了多个属性。带...
📅 最后修改于: 2021-08-29 12:38:39 🧑 作者: Mango
为了将 HTML 表单数据转换为 pdf，主要的方法是使用 html2pdf 库中的html2pdf()函数。方法：首先，创建一个加密类型为文本的表单，并添加一些输入字段。之后我们需要使用 html2pdf 库中的 html2pdf(element)函数。在表单中的提交按钮上提供onclick()功能。html2pdf(element)函数接受一个输入，它是需要转换为 pdf 格式的标签或表单的 ...
📅 最后修改于: 2021-08-29 12:38:55 🧑 作者: Mango
CSS 中的border-image-repeat 属性用于缩放和平铺边框图像。它可用于将边框图像的中间部分与边框的大小进行匹配。它可以有一个或两个值。一种用于水平轴，一种用于垂直轴。仅给出一个值，然后它适用于所有边，但给出两个值，则为水平边指定一个值，为垂直边指定另一个值。句法：属性值：拉伸：这是默认值，用于拉伸图像以填充区域。句法：例子：输出：重复：此属性用于重复背景图像。句法：例子：输出：r...
📅 最后修改于: 2021-08-29 12:39:12 🧑 作者: Mango
在本文中，我们使用 CSS 属性将图像设置为背景。 background-image 属性用于为元素设置一个或多个背景图像。默认情况下，它将图像放置在左上角。要指定两个或更多图像，请用逗号分隔 URL。句法：属性值：它包含要用作背景图像的图像的 URL。例子：HTML输出：支持的浏览器：谷歌浏览器 1.0边缘 4.0火狐 1.0歌剧 3.5Safari 1.0...
📅 最后修改于: 2021-08-29 12:39:27 🧑 作者: Mango
HTML 中的head 属性用于在文档中有多个标题时返回第一个出现的标题。它返回 head 对象的引用，它代表 <head> 元素句法：下面的程序说明了 HTML 中的 document.head 属性：例子：输出：支持的浏览器：DOM head 属性支持的浏览器如下：谷歌浏览器 4.0苹果 Safari 5.0火狐 4.0歌剧 11.0浏览器 9.0...
📅 最后修改于: 2021-08-29 12:39:48 🧑 作者: Mango
本文的目的是学习指定文档的 URL，该 URL 将解释文本被删除的原因。 HTMLcite属性指定文档的 URL，该 URL 解释了更改、删除或插入文本的原因。HTML 中的 <del> 标签用于删除文本并标记已从文档中删除的部分文本。删除的文本会被 Web 浏览器呈现为删除线文本，尽管可以使用 CSStext-decoration属性更改此属性。 <del> 标签需要一个开始和结束标签。句法：例...
📅 最后修改于: 2021-08-29 12:40:03 🧑 作者: Mango
本文的目的是使用框阴影来创建手风琴悬停效果。方法：CSS box-shadow 属性用于在元素周围绘制阴影。 CSS box-shadow 属性具有以下语法。句法：HTML输出：您可以看到悬停效果的红色阴影。点击之前：我们看到如下网页。单击后：您会看到“GeeksForGeeks”手风琴的内容。...
📅 最后修改于: 2021-08-29 12:40:22 🧑 作者: Mango
在本文中，我们将学习如何使用 jQuery 获取被点击的分区的样式(宽度、高度、文本颜色和背景颜色)。方法：css()方法用于在 jQuery 中获取所选元素的 CSS 属性值。我们在 jQuery 中使用 css()方法，该方法接受一组属性名称并返回一组该属性的值。我们存储这个数组并使用它来显示所有点击的 div 的 CSS。句法：示例：以下代码演示了上述方法。请参阅输出以获得更好的理解。单击一...