📝 CSS教程

2362篇技术文档
  CSS |列表

📅  最后修改于: 2021-08-29 12:45:10        🧑  作者: Mango

CSS 中存在两种类型的列表,即无序列表和有序列表无序列表在无序列表中,列表项用项目符号标记。有序列表在有序列表中,列表项用数字和字母标记。列表项标记:此属性指定项标记的类型,即无序列表或有序列表句法:现在,该值可以如下:圆圈十进制,例如:1、2、3等十进制前导零,例如:01,02,03,04 等低罗马上罗马低阿尔法,例如:a、b、c 等上阿尔法,例如:A、B、C 等正方形例子:输出:图像作为列表...

  HTML |短语标签

📅  最后修改于: 2021-08-29 12:45:27        🧑  作者: Mango

短语标签:在 HTML 中,短语标签用于表示一段文本的结构含义。例如,abbr 标签表示该短语包含缩写词。短语标签的一些示例是 abbr、strong、mark、. . .等等。强调文本:em 标签用于强调文本,该标签在浏览器中显示斜体。它只是意味着在 em标签内写入的任何内容都显示为强调文本。句法:例子:htmlhtmlhtmlhtmlhtmlhtmlhtmlhtmlhtmlhtmlhtml输出...

  如何使用 JavaScript 将字符转换为 ASCII 代码?

📅  最后修改于: 2021-08-29 12:45:44        🧑  作者: Mango

本文的目的是通过 JavaScript 的charCodeAt()方法获取任意字符的 ASCII 码。此方法用于返回表示指定索引处字符的 Unicode 值的数字。句法:实施例:下面的代码说明,它们可以从用户采取字符,并显示该字符的ASCII码。HTML代码:HTMLJavaScript 代码:以下代码片段说明了上述 HTML 代码中使用的 JavaScript 代码。最终代码:下面的例子是上面两...

  为什么<big><small>标签存在</small>但标签不在 HTML5 中?</big>

📅  最后修改于: 2021-08-29 12:45:59        🧑  作者: Mango

<big> 标签在 HTML5 中已停止使用,而 <small> 标签仍然有用,因为 <small> 标签经常用于表示小字体,如脚注、版权声明、评论等。 <big> 标签的许多替代品已经可用如<h1>、<h2>等。在 HTML5 中,您可以使用 CSS 来创建更大的文本,而不是使用 <big>。<big> 标签:HTML <big> 标签使 HTML 文档中的字体变大一号。 Small 转换为 m...

  CSS scroll-margin-inline-end 属性

📅  最后修改于: 2021-08-29 12:46:16        🧑  作者: Mango

scroll-margin-inline-end属性用于一次将所有滚动边距设置为滚动元素的内联尺寸的末尾。端面的选择取决于写入模式。端面是水平tb书写模式的右侧,垂直-lr和垂直-rl书写模式的底部或顶部分别是。其中horizontal-tb代表水平从上到下,vertical-rl 是从右到左的垂直,而 vertical-lr 是从左到右的垂直。句法:或者属性值:scroll-margin-inl...

  使用 HTML 和 CSS 设计网页

📅  最后修改于: 2021-08-29 12:46:34        🧑  作者: Mango

对于那些不是 CSS 专家的人来说,创建一个有吸引力的页面会很困难。如果不使用 CSS,您将无法使网页更具吸引力。所以为了制作网页,我们需要具备 HTML 和 CSS 的知识。在本文中,主要焦点将是实现 CSS。为了设计一个网页,我们首先需要创建一个 HTML 网页结构。创建结构:在本节中,我们将使用 <li> 和 <section> 标签创建一个简单的网页结构。因此,这将创建一个简单的界面,您可...

  如何使用 HTML 和 CSS 创建反射效果?

📅  最后修改于: 2021-08-29 12:46:50        🧑  作者: Mango

反射效果是人们可以在他/她的网站中使用的最酷的效果之一。这是一种非正式的效果,因此强烈建议不要在任何专业项目中使用它。您可以在您的个人项目和您的投资组合中使用它来展示您的创造力。在此效果中,我们尝试模仿逼真的反射效果,就像从水中反射一样。方法:该方法是在原字符串的底部创建一个旋转的字符串,然后改变其不透明度和背景,以使它看起来像原始字符串的反映。让我们来看看上述方法的实现。HTML 代码:在本节中...

  CSS font-variant-position 属性

📅  最后修改于: 2021-08-29 12:47:14        🧑  作者: Mango

CSS 的font-variant-position用于将字体的位置更改为上标、下标或普通字体。它们相对于字体的基线定位,保持不变。句法:属性值:正常:正常禁用上标和下标字形。如果不存在任何超级或子比字体样式将是基线。句法:例子 :输出:Super:Super 激活上标和交替字形。句法:例子:输出:Sub:Sub 激活下标和交替字形。句法:例子:输出:支持的浏览器:火狐浏览器...

  CSS | hsl()函数

📅  最后修改于: 2021-08-29 12:47:30        🧑  作者: Mango

hsl()函数是 CSS 中的一个内置函数,用于使用 Hue-saturation-lightness 模型 (HSL) 定义颜色。句法:参数:该函数接受上面提到和下面描述的三个参数:色调:此参数用于定义色轮上的度数。它的值介于 0 到 360 之间,其中 0 或 360 代表红色,120 代表绿色,240 代表蓝色。饱和度:此参数用于定义饱和度,其中 0% 代表灰色阴影,100% 代表全色。亮度...

  如何使用 jQuery 获取与元素关联的所有 CSS 样式?

📅  最后修改于: 2021-08-29 12:47:45        🧑  作者: Mango

给定一个包含一些 CSS 属性的 HTML 文档,任务是使用 jQuery 获取特定元素的所有 CSS 样式。这两种方法如下。方法 1:使用document.defaultView.getComputedStyle()方法获取与该特定元素关联的所有级联样式。之后,通过遍历对象将样式一一附加到字符串。示例:以下示例实现了上述方法。输出:方法 2:在此示例中,仅提取特定样式。我们可以传递样式的名称。在...

  如何使用 JavaScript 删除添加的列表项?

📅  最后修改于: 2021-08-29 12:48:01        🧑  作者: Mango

在下面的文章中,我们将使用 JavaScript 动态添加和删除列表项。我们使用 JavaScript 动态添加和/或删除列表项,这意味着如果我们运行我们的网页,它将显示使用按钮添加和删除项的选项。方法:在网页中,给出一个输入文本框,供用户输入添加列表项。提供了两个按钮来添加列表项和删除列表项。使用 JavaScript 函数addItem()和removeItem()添加或删除列表项。列表项是使...

  CSS | text-indent 属性

📅  最后修改于: 2021-08-29 12:48:19        🧑  作者: Mango

CSS 中的 text-indent 属性用于定义每个文本块中第一行的缩进。它也取负值。这意味着如果值为负,则第一行将向左缩进。句法:属性值length:用于设置固定缩进,单位px、pt、cm、em等,length默认值为0。句法:例子:输出:百分比 (%):用于定义与元素宽度相比以 % 为单位的缩进。句法:例子:输出:initial:用于将 text-indent 属性设置为其默认值。句法:例子...

  如何使用 HTML 和 CSS 创建图像叠加悬停?

📅  最后修改于: 2021-08-29 12:48:35        🧑  作者: Mango

在本文中,我们将介绍 5 种不同类型的叠加:左、右、上、下和淡入淡出。您将需要两个 div。一个将是您的覆盖层 div,包含用户将鼠标悬停在图像上时将显示的内容,另一个将是包含图像及其覆盖层的容器。代表覆盖层的内部 div 将有两个类。一个用于设置所有叠加的样式,另一个表示特定的叠加类型(左、右、上、下或淡入淡出)。您的图像应该放置在内部 div(覆盖)之外,但在外部 div(容器)内。不要忘记添...

  根据内容调整 iframe 的大小

📅  最后修改于: 2021-08-29 12:48:52        🧑  作者: Mango

iframe HTML 元素通常用于插入来自其他来源的内容。需要调整大小的内容是使用 div 标签间接完成的。诀窍是使用 div 标签启动并包含在 iframe 标签中。现在为 iframe 提供 CSS。注意:要打开源站点以调整其内容大小,源站点必须列在同一目录中。示例 1:以下是使用内部 CSS调整内容大小的 HTML 代码实现:-输出:这里我们使用了一个内部样式表来将显示区域的尺寸固定为目标...

  如何限制 textarea 中的字符输入,包括 jQuery 中的计数?

📅  最后修改于: 2021-08-29 12:49:07        🧑  作者: Mango

在本文中,我们将在 jQuery 中设置包括计数在内的 textarea 中的限制字符输入。要在输入文本区域中设置限制字符,我们使用 length 属性。方法:我们使用给定的 maxlength 创建一个输入文本区域,然后使用 jQuery 代码来限制字符。首先,我们设置最大限制,然后当我们单击按钮并在屏幕上显示计数时,使用keyup()方法将 textarea字符限制减少 1。句法:例子:HTM...