CSS教程
 什么是CSS? -指导点
  2020-10-26-04:40:07            mango

çascadingštyle小号heets,被亲切地称为CSS,是一个简单的设计语言旨在简化制作网页像样的过程。CSS处理网页的外观。使用CSS,您可以控制文本的颜色,字体的样式,段落之间的间距,列的大小和布局,使用的背景图像或颜色,布局设计,不同设备的显示变化和屏幕尺寸以及其他各种效果CSS很容易学习和理解,但是它提

文章详情
 CSS-语法
  2020-10-26-04:40:46            mango

CSS包含样式规则,这些样式规则由浏览器解释,然后应用于文档中的相应元素。样式规则由三部分组成-选择器-选择器是将应用样式的HTML标记。这可以是任何标签,例如<h1>或<table>等。属性-属性是HTML标签的一种属性。简而言之,所有HTML属性都将转换为CSS属性。它们可以是颜色,边框等。值-值已分配给属性。例如

文章详情
 CSS-包含
  2020-10-26-04:41:21            mango

有四种将样式与HTML文档相关联的方法。最常用的方法是内联CSS和外部CSS。嵌入式CSS-<style>元素您可以使用<style>元素将CSS规则放入HTML文档中。该标签位于<head>…</head>标签内。使用此语法定义的规则将应用于文档中所有可用的元素。这是通用语法-现场演示它将产生以下结果-属性与<sty

文章详情
 CSS-度量单位
  2020-10-26-04:41:37            mango

在开始实际练习之前,我们想简要介绍一下CSS度量单位。CSS支持多种度量,包括诸如英寸,厘米,点等的绝对单位,以及诸如百分比和em单位的相对度量。在样式规则中指定各种度量时,您需要这些值,例如border=“1pxsolidred”。我们列出了所有CSS度量单位以及正确的示例-UnitDescriptionExampl

文章详情
 CSS-颜色
  2020-10-26-04:42:37            mango

CSS使用颜色值来指定颜色。通常,这些用于为元素的前景(即,其文本)或元素的背景设置颜色。它们还可用于影响边框的颜色和其他装饰效果。您可以用多种格式指定颜色值。下表列出了所有可能的格式-FormatSyntaxExampleHexCode#RRGGBBp{color:#FF0000;}ShortHexCode#RGBp

文章详情
 CSS-背景
  2020-10-26-04:43:10            mango

本章教您如何设置各种HTML元素的背景。您可以设置元素的以下背景属性-background-color属性用于设置元素的背景色。background-image属性用于设置元素的背景图像。background-repeat属性用于控制背景中图像的重复。background-position属性用于控制图像在背景中的位置

文章详情
 CSS-字体
  2020-10-26-04:43:40            mango

本章教您如何设置HTML元素中可用的内容字体。您可以设置元素的以下字体属性-font-family属性用于更改字体的外观。font-style属性用于使字体变为斜体或斜体。font-variant属性用于创建小写效果。font-weight属性用于增加或减少字体的粗体显示。font-size属性用于增加或减小字体的大小

文章详情
 CSS-文字
  2020-10-26-04:44:13            mango

本章教您如何使用CSS属性操作文本。您可以设置元素的以下文本属性-color属性用于设置文本的颜色。direction属性用于设置文本方向。letter-spacing属性用于在组成一个单词的字母之间添加或减去空格。单词间隔属性用于在句子的单词之间添加或减去空格。text-indent属性用于缩进段落的文本。text-

文章详情
 CSS-使用图像
  2020-10-26-04:44:36            mango

图片在任何网页中都起着重要作用。尽管不建议包含很多图像,但是在需要的地方使用良好的图像仍然很重要。CSS在控制图像显示方面起着很好的作用。您可以使用CSS设置以下图像属性。border属性用于设置图像边框的宽度。height属性用于设置图像的高度。width属性用于设置图像的宽度。-moz-opacity属性用于设置图

文章详情
 CSS-链接
  2020-10-26-04:44:58            mango

本章教您如何使用CSS设置超级链接的不同属性。您可以设置超级链接的以下属性-当我们讨论CSS的伪类时,我们将重新访问相同的属性。:link表示未访问的超链接。:visited表示已访问的超链接。:hover表示当前具有用户鼠标指针悬停在其上的元素。:active表示用户当前正在单击的元素。通常,所有这些属性都保留在HT

文章详情

Made with ❤️ in Chengdu. Copyright reserved 2019-2022.

蜀ICP备20006366号-1