📅  最后修改于: 2020-11-05 00:51:23        🧑  作者: Mango

CSS Specificity当CSS的多个冲突规则指示同一元素时，浏览器将遵循一些规则来确定特定元素。Specificity是帮助浏览器确定哪个属性值与元素最相关的方法。它确定将哪种样式声明应用于元素。在深入探讨Specificity之前，让我们讨论一些要点：仅当各种选择器影响同一元素时，CSS的特殊性才重要。在这种情况下，浏览器需要一种方法来标识要应用于匹配元素的样式，而CSS专用性就是一种实...

📅  最后修改于: 2020-11-05 00:52:19        🧑  作者: Mango

CSS text-indent属性此CSS属性设置文本块中第一行的缩进。它指定放置在文本行之前的水平空间量。它允许使用负值，如果定义了任何负值，则第一行的缩进将朝左。句法该属性具有值长度，但是在这里，我们将讨论其实验值。属性值length：此值设置厘米，pt，em，px等单位的固定缩进量。其默认值为0。它允许为负值。当第一行的缩进为负时，它的缩进在左边。percent：以包含块的宽度的百分比形式指...

📅  最后修改于: 2020-11-05 00:53:13        🧑  作者: Mango

CSS text-stroke属性此CSS属性在文本中添加笔触，还为它们提供装饰选项。它定义了文本字符的笔触颜色和宽度。此CSS属性是以下两个属性的简写：text-stroke-width：描述笔划效果的粗细并采用单位值。text-stroke-color：采用颜色值。文本笔划只能与-webkit-前缀一起使用。例让我们看一下CSS text-stroke属性的另一个示例。例2在此示例中，我们使用...

📅  最后修改于: 2020-11-05 00:54:06        🧑  作者: Mango

CSS　zoom此CSS属性缩放内容。它管理内容的放大级别。除了使用此属性，我们还可以使用以下转换：scale();属性。不建议使用此CSS属性，因为某些浏览器不支持此属性。这是一项非标准功能，建议不要在生产现场使用。它最初是在IE浏览器中实现的。句法该属性支持上面提到的值，如下所述。正常：将元素显示为其正常大小。它定义了元素的正常大小。 Tt保留不缩小或放大的普通内容。其值为zoom：1；数字：...

📅  最后修改于: 2020-11-05 01:10:49        🧑  作者: Mango

CSS order此CSS属性指定flex项目在网格容器或flex中的顺序。它基本上用于订购弹性物料。需要注意的是，如果元素不灵活，则此属性将不起作用。元素将以其顺序值的升序显示。如果两个元素使用相同的顺序值，则它们将基于源代码中定义的出现而显示。order属性修改弹性项目的视觉顺序。订单值最低的商品排在最前面，然后是较高的商品。它仅影响元素的视觉顺序，而不影响制表符或逻辑顺序。不得在非视觉媒体(...

📅  最后修改于: 2020-11-05 01:11:40        🧑  作者: Mango

CSS后代选择器CSS后代选择器用于匹配特定元素的后代元素。单词Descendant表示嵌套在DOM树中的任何位置。它可以是直接子级，也可以大于五个级别，但仍称为后代。后代组合器使用单个空格表示。它结合了两个选择器，其中第一个选择器代表祖先(父母，父母的父母等)，第二个选择器代表后代。如果第二选择器匹配的元素的祖先元素与第一选择器匹配，则选择它们。后代选择器使用后代组合器。句法我们可以使用以下示例...

📅  最后修改于: 2020-11-05 01:12:36        🧑  作者: Mango

CSS calc()这是一个内置的CSS函数，允许我们执行计算。它可用于计算长度，百分比，时间，数字，整数频率或角度。它使用四个简单的算术运算运算符加(+)，乘(*)，减(-)和除(/)。这是一个功能强大的CSS概念，因为它允许我们混合任何单位，例如百分比和像素。句法属性值此CSS函数采用单个参数表达式，该数学表达式的结果将用作值。它可以是使用四个算术运算运算符(+，-，*，/)的任何简单表达式。...

📅  最后修改于: 2020-11-05 01:13:29        🧑  作者: Mango

CSS Clip此CSS属性指定元素的可见区域。它适用于绝对定位的元素(position：绝对；)。通常在图像大于其包含元素的情况下使用。它允许我们定义一个矩形，该矩形被指定为用于裁剪绝对定位的元素的四个坐标。句法属性值auto：这是默认值，它按原样显示元素。没有剪辑。例shape：用于裁剪元素。它剪切元素的定义区域。其有效值为rect(上，右，下，左)。例...

📅  最后修改于: 2020-11-05 01:14:28        🧑  作者: Mango

CSS剪切路径此CSS属性用于创建剪切区域，并指定应可见的元素区域。区域内部的区域将可见，而外部区域则被隐藏。剪辑之外的所有内容都将被浏览器剪辑，包括边框，文本阴影等等。它允许我们定义要显示的元素的特定区域，而不是显示整个区域。通过使用椭圆，圆形，多边形或插入关键字，可以更轻松地剪切基本形状。句法CSS剪切路径属性具有四个值：clip-sourcebasic-shapegeometry-boxno...

📅  最后修改于: 2020-11-05 01:15:41        🧑  作者: Mango

CSS background-blend-mode此CSS属性为元素的每个背景层(图像/颜色)设置混合模式。它定义了元素的背景图像如何与元素的背景颜色融合。我们可以将背景图像混合在一起，也可以将它们与背景色混合。Edge / Internet Explorer不支持此属性。句法此属性具有许多属性值。让我们用每个示例讨论上述混合模式。normal这是将属性模式设置为正常的默认值。multiply它将...

📅  最后修改于: 2020-11-05 01:16:37        🧑  作者: Mango

CSS单选按钮单选按钮是一个HTML元素，有助于从用户那里获取输入。尽管很难设置单选按钮的样式，但伪元素使设置单选按钮的样式更加容易。当需要从一组项目中进行单个选择时，将应用单选按钮。此HTML元素通常在每个网站上使用，但是在不设置样式的情况下，它们在每个网站上看起来都相似。因此，对它们进行样式设计会使我们的网站与众不同且更具吸引力。使用CSS设计单选按钮是一项有趣且富有创造力的任务，它将为默认单...

📅  最后修改于: 2020-11-05 01:17:30        🧑  作者: Mango

CSS上标和下标在HTML中，使用_{和^{标记定义下标和上标文本。上标文本以较小的字体显示，并在正常行上方显示半角字符。通常用于编写数学方程式(如x2 + y2 = r2)，脚注等。}}与上标不同，下标文本以较小的字体显示，并且在常规行下方显示半角字符。通常用于编写化学方程式或化学式，例如H2O，H2SO4等。在CSS中，vertical-align属性用于实现同...

📅  最后修改于: 2020-11-05 01:18:29        🧑  作者: Mango

CSS text-effects我们可以对HTML文档中使用的文本施加不同的效果。某些属性可用于在文本上添加效果。使用CSS，我们可以设置Web文档的样式并影响文本。文字效果的属性有助于我们使文字有吸引力且清晰。下面列出了CSS中的一些文本效果属性：word-breaktext-overflowword-wrapwriting-mode让我们与插图一起讨论上述CSS属性。断字它指定单词在行尾应如何...

📅  最后修改于: 2020-11-05 01:19:23        🧑  作者: Mango

CSS text-align此CSS属性用于设置表格单元格框或块元素的水平对齐方式。它类似于垂直对齐属性，但在水平方向上。句法属性值justify：通常在报纸和杂志上使用。它会拉伸元素的内容，以显示每行的相等宽度。center：将内联文本居中。right：用于将文本向右对齐。left：用于将文本向左对齐。让我们看一个示例，该示例将演示text-align属性。例...

📅  最后修改于: 2020-11-05 01:20:21        🧑  作者: Mango

CSS变量CSS变量用于将自定义属性的值添加到我们的网页。自定义属性有时称为级联变量或CSS变量。作者定义了包含特定值的实体，并且可以在整个文档中重复使用。这些实体是使用自定义属性符号设置的，可以使用var()函数进行访问。变量存储值，并具有可以使用它们的范围。CSS变量之所以具有优势，是因为它们允许我们在多个地方重用相同的值。与颜色值相比，变量的名称易于理解和使用。CSS中的变量是通过在开头使用...