📝 CSS教程
2362篇技术文档📅 最后修改于: 2020-10-26 04:39:44 🧑 作者: Mango
CSS用于以简单的方式控制Web文档的样式。CSS是“层叠样式表”的首字母缩写。本教程涵盖了CSS1，CSS2和CSS3版本，并从基本知识到高级概念都全面介绍了CSS。为什么要学习CSS？级联样式表(俗称CSS)是一种简单的设计语言，旨在简化使网页可呈现的过程。CSS是学生和工作专业人员必须成为一名出色的软件工程师的技能，特别是当他们在Web Development Domain中工作时。我将列出...
📅 最后修改于: 2020-10-26 04:40:07 🧑 作者: Mango
çascadingštyle小号heets，被亲切地称为CSS，是一个简单的设计语言旨在简化制作网页像样的过程。CSS处理网页的外观。使用CSS，您可以控制文本的颜色，字体的样式，段落之间的间距，列的大小和布局，使用的背景图像或颜色，布局设计，不同设备的显示变化和屏幕尺寸以及其他各种效果CSS很容易学习和理解，但是它提供了对HTML文档表示的强大控制。 CSS通常与标记语言HTML或XHTML结合...
📅 最后修改于: 2020-10-26 04:40:46 🧑 作者: Mango
CSS包含样式规则，这些样式规则由浏览器解释，然后应用于文档中的相应元素。样式规则由三部分组成-选择器-选择器是将应用样式的HTML标记。这可以是任何标签，例如<h1>或<table>等。属性-属性是HTML标签的一种属性。简而言之，所有HTML属性都将转换为CSS属性。它们可以是颜色，边框等。值-值已分配给属性。例如，颜色属性可以具有红色或＃F1F1F1等值。您可以按如下所示放置CSS样式规则语...
📅 最后修改于: 2020-10-26 04:41:21 🧑 作者: Mango
有四种将样式与HTML文档相关联的方法。最常用的方法是内联CSS和外部CSS。嵌入式CSS-<style>元素您可以使用<style>元素将CSS规则放入HTML文档中。该标签位于<head> … </ head>标签内。使用此语法定义的规则将应用于文档中所有可用的元素。这是通用语法-现场演示它将产生以下结果-属性与<style>元素关联的属性是-AttributeValueDescription...
📅 最后修改于: 2020-10-26 04:41:37 🧑 作者: Mango
在开始实际练习之前，我们想简要介绍一下CSS度量单位。 CSS支持多种度量，包括诸如英寸，厘米，点等的绝对单位，以及诸如百分比和em单位的相对度量。在样式规则中指定各种度量时，您需要这些值，例如border =“ 1px solid red”。我们列出了所有CSS度量单位以及正确的示例-UnitDescriptionExample%Defines a measurement as a percen...
📅 最后修改于: 2020-10-26 04:42:37 🧑 作者: Mango
CSS使用颜色值来指定颜色。通常，这些用于为元素的前景（即，其文本）或元素的背景设置颜色。它们还可用于影响边框的颜色和其他装饰效果。您可以用多种格式指定颜色值。下表列出了所有可能的格式-FormatSyntaxExampleHex Code#RRGGBBp{color:#FF0000;}Short Hex Code#RGBp{color:#6A7;}RGB %rgb(rrr%,ggg%,bbb%)...
📅 最后修改于: 2020-10-26 04:43:10 🧑 作者: Mango
本章教您如何设置各种HTML元素的背景。您可以设置元素的以下背景属性-background-color属性用于设置元素的背景色。background-image属性用于设置元素的背景图像。background-repeat属性用于控制背景中图像的重复。background-position属性用于控制图像在背景中的位置。background-attachment属性用于控制背景中图像的滚动。bac...
📅 最后修改于: 2020-10-26 04:43:40 🧑 作者: Mango
本章教您如何设置HTML元素中可用的内容字体。您可以设置元素的以下字体属性-font-family属性用于更改字体的外观。font-style属性用于使字体变为斜体或斜体。font-variant属性用于创建小写效果。font-weight属性用于增加或减少字体的粗体显示。font-size属性用于增加或减小字体的大小。font属性用作指定许多其他字体属性的简写。设置字体系列以下是示例，该示例演示...
📅 最后修改于: 2020-10-26 04:44:13 🧑 作者: Mango
本章教您如何使用CSS属性操作文本。您可以设置元素的以下文本属性-color属性用于设置文本的颜色。direction属性用于设置文本方向。letter-spacing属性用于在组成一个单词的字母之间添加或减去空格。单词间隔属性用于在句子的单词之间添加或减去空格。text-indent属性用于缩进段落的文本。text-align属性用于对齐文档的文本。文本装饰属性用于下划线，上划线和删除线文本。t...
📅 最后修改于: 2020-10-26 04:44:36 🧑 作者: Mango
图片在任何网页中都起着重要作用。尽管不建议包含很多图像，但是在需要的地方使用良好的图像仍然很重要。CSS在控制图像显示方面起着很好的作用。您可以使用CSS设置以下图像属性。border属性用于设置图像边框的宽度。height属性用于设置图像的高度。width属性用于设置图像的宽度。-moz-opacity属性用于设置图像的不透明度。图像边框属性图像的border属性用于设置图像边框的宽度。此属性的...
📅 最后修改于: 2020-10-26 04:44:58 🧑 作者: Mango
本章教您如何使用CSS设置超级链接的不同属性。您可以设置超级链接的以下属性-当我们讨论CSS的伪类时，我们将重新访问相同的属性。：link表示未访问的超链接。：visited表示已访问的超链接。：hover表示当前具有用户鼠标指针悬停在其上的元素。：active表示用户当前正在单击的元素。通常，所有这些属性都保留在HTML文档的标题部分中。请记住，必须在CSS定义中访问a：link和a：之后跟随a...
📅 最后修改于: 2020-10-26 04:45:35 🧑 作者: Mango
本教程将教您如何使用CSS设置HTML表的不同属性。您可以设置表的以下属性-border-collapse指定浏览器是应该控制彼此触摸的相邻边框的外观，还是每个单元格应保持其样式。边框间距指定表格单元格之间应出现的宽度。字幕侧的字幕显示在<caption>元素中。默认情况下，它们呈现在文档表上方。您可以使用caption-side属性来控制表格标题的位置。empty-cells指定在单元格为空的情...
📅 最后修改于: 2020-10-26 04:46:08 🧑 作者: Mango
border属性允许您指定表示元素的框的边框外观。您可以更改边框的三个属性-border-color指定边框的颜色。border-style指定边框应为实线，虚线，双线还是其他可能的值之一。border-width指定边框的宽度。现在，我们将通过示例了解如何使用这些属性。边框颜色属性border-color属性使您可以更改元素周围边框的颜色。您可以使用属性分别更改元素边框的底部，左侧，顶部和右侧的...
📅 最后修改于: 2020-10-26 04:46:32 🧑 作者: Mango
margin属性定义HTML元素周围的空间。可以使用负值来重叠内容。margin属性的值不由子元素继承。请记住，相邻的垂直边距（顶部和底部边距）将相互折叠，以使块之间的距离不是边距的总和，而仅是两个边距中的较大者或与一个边距相同的大小（如果两者均是）等于。我们具有以下属性来设置元素边距。边距指定一种简写属性，用于在一个声明中设置边距属性。的边距指定元素的底部边缘。上边距指定元素的上边距。的利润率左...
📅 最后修改于: 2020-10-26 04:47:12 🧑 作者: Mango
列表在传达一组编号或项目符号点时非常有用。本章教您如何使用CSS控制列表类型，位置，样式等。我们有以下五个CSS属性，可用于控制列表-列表样式类型使您可以控制标记的形状或外观。list-style-position指定环绕第二条线的长点应与第一条线对齐还是从标记的起点下方开始。列表样式图像指定标记的图像，而不是项目符号点或数字。列表样式是上述属性的简写形式。标记偏移量指定标记与列表中文本之间的距离...