📝 CSS教程
2362篇技术文档📅 最后修改于: 2021-08-29 12:40:38 🧑 作者: Mango
本文的方法是学习如何使用 CSS 中的 list-style-image 属性在列表中添加图像作为列表项标记。句法：例子：输出：支持的浏览器：谷歌浏览器IE浏览器火狐歌剧苹果浏览器...
📅 最后修改于: 2021-08-29 12:41:00 🧑 作者: Mango
底部CSS 属性允许更改元素的垂直位置。 Bottom 属性用于设置元素距视口底部的位置值。句法：属性值auto：这是底部属性的默认值。它根据浏览器设置底部属性。句法：例子：输出：Length: 以px为单位设置底边位置，cm也允许负值句法：例子：输出：百分比：它设置包含元素的百分比值。句法：例子：输出：初始：将属性值设置为其默认值。句法：例子：输出：继承：它从父元素继承位置。句法：例子：输出：支...
📅 最后修改于: 2021-08-29 12:41:21 🧑 作者: Mango
要在任何网站上创建带有图标的可悬停侧边导航，需要 HTML 和 CSS 两件事。如果你想在导航栏上附加图标，那么你需要一个字体很棒的 CDN 链接。这些功能使网站看起来比导航栏采用老式设计的普通网站更酷。在本文中，我们将创建带有侧边导航栏的侧边结构，即创建结构部分和用于设计网站的其他部分，即设计结构。下面是完整代码的输出。创建结构：在本节中，我们将创建基本的网站结构，并为将用作悬停导航栏图标的图标...
📅 最后修改于: 2021-08-29 12:41:38 🧑 作者: Mango
HTML 框架用于将 Web 浏览器窗口划分为多个部分，每个部分可以单独加载。框架集标签是浏览器窗口中框架的集合。创建框架：代替使用 body 标签，在 HTML 中使用框架集标签在网络浏览器中使用框架。但是这个 Tag 在 HTML 5 中被弃用了。 frameset 标签用于定义如何划分浏览器。每个框架由框架标签表示，它基本上定义了哪个 HTML 文档应该打开到框架中。 HTML 文档中使用f...
📅 最后修改于: 2021-08-29 12:41:53 🧑 作者: Mango
它被称为伪选择器，用于在用户将鼠标移动到元素上时选择所有元素。它可以用于所有元素。必须在文档中声明 <!DOCTYPE html> 元素以查看此选择器在所有元素中的工作情况。示例 1：输出：示例 2：此示例使用 JavaScript 在 CSS 中显示 a:hover 内容。调用 onmouseover 和 onmouseout 事件属性来显示 a:hover 内容。输出：支持的浏览器：a:hov...
📅 最后修改于: 2021-08-29 12:42:08 🧑 作者: Mango
HTML 中的URL 属性用于返回一个字符串，其中包含当前文档的完整 URL。该字符串还包括 HTTP 协议，例如 (http://)。句法：下面的程序说明了 HTML 中的 document.URL 属性：例子：输出：支持的浏览器：document.URL属性支持的浏览器如下：谷歌浏览器IE浏览器火狐歌剧苹果Safari...
📅 最后修改于: 2021-08-29 12:42:23 🧑 作者: Mango
它是一个布尔属性，用于指定必须在提交表单之前填写输入元素。元素：此属性可以与下面列出的三个元素相关联：<输入><选择><文本区域><input>：必需的属性可以在 <input> 元素中使用。句法：示例 1：输出：<select>：这个元素也可以使用必需的属性。句法：示例 2：输出：<textarea>：这个元素也可以使用必需的属性。句法：示例 3：输出：支持的浏览器：required 属性支持的...
📅 最后修改于: 2021-08-29 12:42:45 🧑 作者: Mango
在本文中，我们将看到如何设置元素的背景颜色。使用 style属性的目的是为元素添加样式。对不同元素使用 style 属性只会导致该元素发生变化。此属性可用作内联、内部或外部。 style 属性提供了许多可用于改进简单 html 页面的属性。可以通过三种方式更改背景颜色：内联样式属性内部 CSS外部 CSSHTML5 不支持<body>标签的 ‘bgcolor’属性，因此我们需要使用内联样式属性和内...
📅 最后修改于: 2021-08-29 12:43:03 🧑 作者: Mango
DataTables 是现代 jQuery 插件，用于向我们网页的 HTML 表格添加交互式和高级控件。 DataTable 是一个简单易用的 jQuery 插件，为开发人员的自定义更改提供了许多选项。 DataTables 的一些功能是分页、搜索、排序和多列排序。在本文中，我们将学习使用 DataTable API 方法将子行附加到父行并显示其信息。当开发人员想要显示数据表中一行的附加信息时，此...
📅 最后修改于: 2021-08-29 12:43:27 🧑 作者: Mango
在本文中，我们将学习如何使用 CSSMarqueeMenu插件实现菜单的选取框效果。Marquee 是一种动画效果，用于开发网页以获得一些有吸引力的文本或图像在垂直或水平方向滚动。注意：请在工作文件夹中下载 CSSMarqueeMenu插件，并在 HTML 代码的 head 部分包含所需的文件。<link href=”https://use.typekit.net/zhq0vyf.css” rel...
📅 最后修改于: 2021-08-29 12:43:43 🧑 作者: Mango
Materialize CSS 提供了一个下拉工具，允许用户从列表中的一组给定值中选择一个值。要将下拉列表添加到任何按钮，必须确保 data-target 属性与 <ul> 标记中的 id 匹配。下拉列表中使用的主要类和属性是：dropdown-content类用于标识应将哪个 <ul> 标记设为 Materialize 下拉组件。data-activates属性用于指定下拉 <ul> 元素的 i...
📅 最后修改于: 2021-08-29 12:44:00 🧑 作者: Mango
众所周知，像div、段落、文本等 HTML 元素会自行增长以适应他们孩子的内容。但是，如果这些元素的子元素向右或向左浮动，则父元素可能会崩溃。也就是说，他们将失去他们的实际行为。让我们通过一个例子来理解这一点：考虑下面的代码。在下面的程序中，一个绿色背景的父 div 有 6 个其他子 div 元素。没有父母或孩子在这里浮动。让我们编译并查看代码的输出。输出：现在让我们让上面代码中的所有子 div ...
📅 最后修改于: 2021-08-29 12:44:15 🧑 作者: Mango
rotate()函数是一个内置函数，用于根据给定的角度作为参数旋转元素。可以根据度数、梯度、弧度或圈数来设置角度。句法：参数：此函数接受表示旋转角度的单个参数角度。正角和负角分别顺时针和逆时针旋转元素。下面的例子说明了 CSS 中的 rotate()函数：示例 1：输出：示例 2：输出：支持的浏览器：rotate()函数支持的浏览器如下：谷歌浏览器IE浏览器火狐苹果浏览器歌剧...
📅 最后修改于: 2021-08-29 12:44:31 🧑 作者: Mango
如果你在设计一个简单的网页，那么明显区别不大，但是了解这两者的基本区别是非常有必要的。由于我们只关心文本，这些元素没有单独的含义。HTML <center> 标签：HTML 中的<center> 标签用于设置文本居中对齐。 HTML 5 不支持此标签。CSS 属性用于设置元素的对齐方式，而不是 HTML 5 中的居中标签。它是一个块级元素，用于在居中显示标签中所包含的文本水平。大多数常见的浏览器，...
📅 最后修改于: 2021-08-29 12:44:54 🧑 作者: Mango
在本文中，我们将了解如何在 JavaScript 中为类似画布的文本添加默认水平缩放。像画布一样，我们的意思是写的文本是可移动、可旋转、可调整大小和可以拉伸的。但在本文中，我们将添加默认水平缩放。此外，文本本身不能像文本框一样编辑。为了实现这一点，我们将使用一个名为 FabricJS 的 JavaScript 库。使用 CDN 导入库后，我们将在包含文本的 body 标签中创建一个画布块。在此之后...