📅  最后修改于: 2020-10-26 04:47:38        🧑  作者: Mango

padding属性允许您指定元素内容与其边框之间应显示多少空间-该属性的值应该是长度，百分比或单词herine。如果该值是Inherited，则其填充将与其父元素相同。如果使用百分比，则该百分比为包含框的百分比。以下CSS属性可用于控制列表。您还可以使用以下属性为框的每一侧上的填充设置不同的值-padding-bottom指定元素的底部填充。padding-top指定元素的顶部填充。padding...

📅  最后修改于: 2020-10-26 04:48:00        🧑  作者: Mango

CSS的cursor属性允许您指定应该显示给用户的光标类型。此属性的一种很好用法是使用图像作为表单上的提交按钮。默认情况下，当光标悬停在链接上时，光标从指针变为手。但是，它不会更改表单上的“提交”按钮的表单。因此，每当有人将鼠标悬停在作为“提交”按钮的图像上时，它都会提供视觉提示，表明该图像是可单击的。下表显示了cursor属性的可能值-Sr.No.Value & Description1auto...

📅  最后修改于: 2020-10-26 04:48:26        🧑  作者: Mango

轮廓与边框非常相似，但是也没有什么大的不同-轮廓线不会占用空间。轮廓不必为矩形。轮廓在所有方面总是相同的；您不能为元素的不同面指定不同的值。注意-IE 6或Netscape 7不支持大纲属性。您可以使用CSS设置以下大纲属性。outline-width属性用于设置轮廓的宽度。outline-style属性用于设置轮廓的线条样式。outline-color属性用于设置轮廓的颜色。outline属性用...

📅  最后修改于: 2020-10-26 04:48:57        🧑  作者: Mango

您已经看到了每个框周围的边框，即。元素，可以出现在每个框内的填充以及可以围绕它们的边距。在本教程中，我们将学习如何更改盒子的尺寸。我们具有以下属性，可让您控制盒子的尺寸。height属性用于设置盒子的高度。width属性用于设置盒子的宽度。line-height属性用于设置文本行的高度。max-height属性用于设置盒子可以达到的最大高度。min-height属性用于设置盒子可以的最小高度。ma...

📅  最后修改于: 2020-10-26 04:49:14        🧑  作者: Mango

在某些情况下，元素的内容可能会大于为其分配的空间量。例如，给定的width和height属性不允许有足够的空间容纳元素的内容。CSS提供了一个称为溢流的属性，该属性告诉浏览器如果盒子的内容大于盒子本身该怎么办。此属性可以采用以下值之一-Sr.No.Value & Description1visibleAllows the content to overflow the borders of its...

📅  最后修改于: 2020-10-26 04:49:29        🧑  作者: Mango

称为可见性的属性可让您从视图中隐藏元素。您可以将此属性与JavaScript一起使用，以创建非常复杂的菜单和非常复杂的网页布局。您可以选择使用可见性属性来隐藏仅在用户需要查看时才显示的错误消息，或隐藏对测验的答案，直到用户选择一个选项为止。注意-请记住，源代码仍将包含不可见段落中的内容，因此您不应使用它来隐藏敏感信息，例如信用卡详细信息或密码。可见性属性可以采用下表中列出的值-Sr.No.Valu...

📅  最后修改于: 2020-10-26 04:49:51        🧑  作者: Mango

CSS可帮助您放置HTML元素。您可以将任何HTML元素放在您喜欢的任何位置。您可以根据元素的父元素来指定元素相对于页面中自然位置的位置还是相对位置。现在，我们将通过示例看到所有与CSS定位相关的属性-相对定位相对位置会更改HTML元素相对于其通常显示位置的位置。因此，“ left：20”会将20像素添加到元素的LEFT位置。您可以使用顶部和左侧两个值以及position属性将HTML元素移动到H...

📅  最后修改于: 2020-10-26 04:50:05        🧑  作者: Mango

CSS使您有机会创建各个部门的图层。 CSS层指的是将z-index属性应用于彼此重叠的元素。z-index属性与position属性一起使用以创建图层效果。您可以指定哪个元素应该放在顶部，哪个元素应该放在底部。z-index属性可以帮助您创建更复杂的网页布局。以下是显示如何在CSS中创建图层的示例。现场演示它将产生以下结果-...

📅  最后修改于: 2020-10-26 04:50:42        🧑  作者: Mango

CSS伪类用于向某些选择器添加特殊效果。您无需使用JavaScript或任何其他脚本即可使用这些效果。伪类的简单语法如下-CSS类也可以与伪类一起使用-最常用的伪类如下-Sr.No.Value & Description1:linkUse this class to add special style to an unvisited link.2:visitedUse this class to ...

📅  最后修改于: 2020-10-26 04:51:04        🧑  作者: Mango

CSS伪元素用于向某些选择器添加特殊效果。您无需使用JavaScript或任何其他脚本即可使用这些效果。伪元素的简单语法如下-CSS类也可以与伪元素一起使用-最常用的伪元素如下-Sr.No.Value & Description1:first-lineUse this element to add special styles to the first line of the text in a ...

📅  最后修改于: 2020-10-26 04:51:29        🧑  作者: Mango

本章将涵盖以下重要的@规则-@import：规则将另一个样式表导入当前样式表。@charset规则指示样式表使用的字符集。@ font-face规则用于详尽描述文档中使用的字体。！important规则表示用户定义的规则应优先于作者的样式表。注意：还有其他@规则，我们将在后续章节中介绍。@import规则@import规则允许您从另一个样式表中导入样式。它应该出现在任何规则之前的样式表的开头，并且...

📅  最后修改于: 2020-10-26 04:52:47        🧑  作者: Mango

您可以使用CSS过滤器将特殊效果添加到文本，图像和网页的其他方面，而无需使用图像或其他图形。筛选器仅在Internet Explorer 4.0上起作用。如果要为多个浏览器开发站点，则使用CSS筛选器可能不是一个好主意，因为它可能不会带来任何好处。在本章中，我们将看到每个CSS过滤器的详细信息。这些过滤器可能无法在您的浏览器中使用。阿尔法频道Alpha通道滤镜可更改对象的不透明度，从而使其融合到背...

📅  最后修改于: 2020-10-26 04:53:07        🧑  作者: Mango

样式表的最重要特征之一是它们指定如何在不同的媒体上呈现文档：在屏幕上，在纸上，在语音合成器上，在盲文设备上等等。当前，我们有两种方法可以为样式表指定媒体依赖关系-使用@media或@import规则从样式表中指定目标媒体。在文档语言中指定目标介质。@media规则@media规则指定一组规则的目标媒体类型（以逗号分隔）。下面给出的是一个例子-文件语言在HTML 4.0中，LINK元素上的media...

📅  最后修改于: 2020-10-26 04:53:46        🧑  作者: Mango

分页介质与连续介质的不同之处在于，文档的内容分为一个或多个离散页面。分页介质包括纸张，透明胶片，在计算机屏幕上显示的页面等。CSS2标准引入了一些基本的分页控制功能，这些功能使作者可以帮助浏览器确定如何最好地打印其文档。CSS2页面模型指定了如何在宽度和高度有限的矩形区域（页面框）中格式化文档。这些功能分为两组-定义特定页面布局的CSS2功能。CSS2功能可控制文档的分页。定义页面：@page规则...

📅  最后修改于: 2020-10-26 04:54:58        🧑  作者: Mango

网络文档可以由语音合成器呈现。 CSS2允许您将特定的声音样式功能附加到特定的文档元素。视障人士主要使用文件的听觉渲染。下面是通过听觉渲染而不是视觉渲染可以访问文档的一些情况。学习阅读训练车辆上网家庭娱乐工业文件医疗文件使用听觉属性时，画布由三维物理空间（环绕声音）和时间空间（一个可以指定其他声音之前，之中和之后的声音）组成。CSS属性还允许您更改合成语音的质量（语音类型，频率，音调等）。这是一个...