📝 CSS教程
2362篇技术文档📅 最后修改于: 2020-11-04 06:15:17 🧑 作者: Mango
CSS Margin属性CSS Margin属性用于定义元素周围的空间。它是完全透明的，没有任何背景色。清除元素周围的区域。顶部，底部，左侧和右侧的边距可以使用单独的属性独立更改。您还可以使用速记边距属性一次更改所有属性。有以下CSS边距属性：CSS保证金属性PropertyDescriptionmarginThis property is used to set all the properti...
📅 最后修改于: 2020-11-04 06:33:35 🧑 作者: Mango
CSS opacity属性CSS opacity属性用于指定元素的透明度。简而言之，您可以说它指定了图像的清晰度。用技术术语来说，“不透明度”定义为允许光穿过对象的程度。如何应用CSS不透明度设置不透明度设置均匀地应用于整个对象，并且不透明度值以小于1的数字值来定义。不透明度值越小，显示的不透明度越大。不透明度不被继承。CSS不透明度示例：透明图像让我们看一个图像透明度的简单CSS不透明度示例。输...
📅 最后修改于: 2020-11-04 06:34:43 🧑 作者: Mango
CSS filter属性CSS filter用于为文本，图像和网页的其他方面设置视觉效果。 CSS过滤器属性允许我们访问颜色或模糊之类的效果，从而在显示元素之前转移元素的渲染。CSS filter属性的语法如下。句法让我们讨论一个示例的属性值。brightness()顾名思义，它用于设置元素的亮度。如果亮度为0％，则表示完全为黑色，而100％亮度为原始亮度。它还可以接受高于100％的值，以提供更明...
📅 最后修改于: 2020-11-04 06:35:41 🧑 作者: Mango
CSS图像图像是任何Web应用程序的重要组成部分。通常不建议在Web应用程序中包含很多图像，但是在需要的地方使用它们非常重要。 CSS帮助我们控制Web应用程序中图像的显示。CSS中图像的样式类似于使用边框和边距的元素的样式。有多个CSS属性，例如border属性，height属性，width属性等，可以帮助我们为图像设置样式。让我们使用一些插图来讨论CSS中图像的样式。缩图图片border属性用...
📅 最后修改于: 2020-11-04 06:36:38 🧑 作者: Mango
CSS Overflow属性CSS Overflow属性指定了在其块级容器溢出时如何处理内容。我们知道页面上的每个元素都是一个矩形框，这些框的大小，位置和行为都通过CSS进行控制。让我们举个例子：如果不设置框的高度，则框的大小将与内容一样大。但是，如果您设置框的特定高度或宽度，而里面的内容无法容纳，那将会发生什么。 CSS溢出属性用于克服此问题。它指定是剪切内容，渲染滚动条还是仅显示内容。CSS ...
📅 最后修改于: 2020-11-04 06:37:35 🧑 作者: Mango
CSS PaddingCSS Padding属性用于定义元素内容和元素边框之间的空间。它与CSS边距的不同之处在于CSS边距定义元素周围的空间。CSS填充受背景颜色的影响。清除内容周围的区域。可以使用单独的属性分别更改顶部，底部，左侧和右侧的填充。您还可以通过使用速记填充属性来一次更改所有属性。CSS Padding属性PropertyDescriptionpaddingIt is used to...
📅 最后修改于: 2020-11-04 06:38:33 🧑 作者: Mango
CSS text-decoration属性这是一个CSS属性，用于装饰文本内容。它在文本的下方，上方以及贯穿文本添加行。它设置文本上装饰线条的外观。此CSS属性使用几种行来装饰文本。这是text-decoration-line，text-decoration-color和text-decoration-style的简写。此CSS属性的语法如下：句法让我们一起讨论其属性值和示例。文字装饰线它设置文本...
📅 最后修改于: 2020-11-04 06:39:39 🧑 作者: Mango
CSS列表有多种CSS属性可用于控制列表。列表可以分为有序列表和无序列表。在有序列表中，列表项用字母和数字标记，而在无序列表中，列表项用项目符号标记。我们可以使用CSS为列表设置样式。 CSS列表属性使我们能够：设置文本和列表中标记之间的距离。为标记指定图像，而不要使用数字或项目符号点。控制标记的外观和形状。将标记放置在包含列表项的框的外部或内部。设置背景颜色以列出项目和列表。列出样式的CSS属性...
📅 最后修改于: 2020-11-04 06:40:35 🧑 作者: Mango
CSS：nth-child(n)选择器该选择器用于根据元素的位置匹配元素，而不管其父元素的类型如何。 n可以是关键字，公式或数字。它用于根据元素在一组兄弟姐妹中的位置来匹配元素。它匹配每个元素，即第n个子元素。句法以下是此选择器的语法：括号中的“ n”是表示匹配元素的模式的参数。它可以是功能符号，偶数或奇数。奇数值表示位置串联的奇数元素，例如1、3、5等。类似，偶数值表示位置串联的奇数元素，例如2...
📅 最后修改于: 2020-11-05 00:45:22 🧑 作者: Mango
CSS background-clip属性此CSS属性指定背景的绘制区域。它通过应用剪切框来限制背景颜色或图像出现的区域。盒子外面的任何东西都将被丢弃并且不可见。它设置元素的背景是否在border-box，padding-box和content-box下延伸。句法Possible values让我们了解属性值以及每个属性值的示例。border-box它是默认值。这意味着将在边框内绘制背景图像和颜色...
📅 最后修改于: 2020-11-05 00:46:23 🧑 作者: Mango
CSS checkbox样式该复选框是一个HTML元素，用于接收用户的输入。很难设置复选框的样式，但是伪元素使设置复选框的样式更加容易。此HTML元素通常在每个网站上使用，但是在不设置样式的情况下，它们在每个网站上看起来都相似。因此，对它们进行样式设计会使我们的网站与众不同且更具吸引力。我们必须隐藏原始复选框以设置其样式。使用CSS设置复选框的样式是一项有趣且富有创造力的任务，它将为默认复选框提供...
📅 最后修改于: 2020-11-05 00:47:15 🧑 作者: Mango
CSS letter-spacing属性此CSS属性用于控制元素或文本块中每个字母之间的间隔。它设置文本字符之间的间距行为。使用此属性，我们可以增加或减少文本字符之间的间距。修改相邻字符之间的间隔。句法属性值normal：这是默认值，在字符之间不提供任何空格。它不会更改字母之间的默认间距。将该值设置为0类似于。length：用于指定字符之间的额外空格。它允许使用负值来加强文本外观而不是使其变松。较...
📅 最后修改于: 2020-11-05 00:48:27 🧑 作者: Mango
CSS导航栏GUI下方有一个导航栏或导航系统，可帮助访问者访问信息。它是网页上的UI元素，其中包含网站其他部分的链接。导航栏通常以水平链接列表的形式显示在页面顶部。可以将其放置在徽标或标题的下方，但应始终将其放置在网页的主要内容之前。网站具有易于使用的导航非常重要。它在网站中起着重要作用，因为它允许访问者快速访问任何部分。让我们详细讨论水平导航栏和垂直导航栏。水平导航栏水平导航栏是水平链接列表，通...
📅 最后修改于: 2020-11-05 00:49:33 🧑 作者: Mango
CSS overlayoverlay是指用涂层覆盖物体的表面。换句话说，它用于将一件事放在另一件事的顶部。覆盖层使网页更具吸引力，并且易于设计。创建叠加效果意味着将两个div放在同一位置，但是两个都将在需要时出现。要显示第二个div，我们可以将鼠标悬停或单击一个div。在这两个div中，一个div是覆盖div，其中包含当用户将鼠标悬停在图像上方时将显示的内容，第二个div是一个容器，将容纳图像及其...
📅 最后修改于: 2020-11-05 00:50:26 🧑 作者: Mango
CSS：root选择器CSS中的此伪类与文档的根元素匹配。它选择文档树或DOM中的最高级别的父级。在HTML中，<html>元素始终是根元素。尽管：root等同于html选择器，因为它们都针对相同的元素，但：root选择器具有更高的特异性。句法例现在，让我们同时尝试html选择器和：root选择器。尽管它们的工作原理相似，但就特定性而言，：root选择器获胜。例在此示例中，我们将在html选择器和...