CSS语法是由三部分组成的:选择器、属性和值。选择器用于指定要应用样式的元素,而属性和值则用于指定要应用的样式。
selector { property: value; }
选择器可以是 HTML 标签名、ID 名或者类名,也可以是多个选择器的组合。例如:
h1 { font-size: 24px; color: #000; } #header { background-color: #ccc; } .main-nav li a { font-weight: bold; }
上面的代码中,h1 是一个 HTML 标签名;#header 是一个 ID 名;.main-nav li a 是一个类名。这些都是 CSS 选择器。然后就是 CSS 属性和对应的 CSS 值。例如 font-size 的 CSS 值是 24px;color 的 CSS 值是 #000 等等。
CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明:
选择器通常是您需要改变样式的 HTML 元素。
每条声明由一个属性和一个值组成。
属性(property)是您希望设置的样式属性(style attribute)。每个属性有一个值。属性和值被冒号分开。
CSS 声明总是以分号 ( ;
) 结束,声明组以大括号 ({ }
) 括起来:
p {color:red;text-align:center;}
为了让 CSS 可读性更强,你可以每行只描述一个属性:
在描述颜色的时候,除了使用英文单词 red,我们还可以使用十六进制的颜色值 #ff0000:
为了节约字节,我们可以使用 CSS 的缩写形式:
我们还可以通过两种方法使用 RGB 值:
p { color: rgb(255,0,0); } p { color: rgb(100%,0%,0%); }
提示:当使用 RGB 百分比时,即使当值为 0 时也要写百分比符号。但是在其他的情况下就不需要这么做了。比如说,当尺寸为 0 像素时,0 之后不需要使用 px 单位。
在本站的编程实战部分中,介绍了CSS使用十六进制代码设置颜色,以及CSS使用rgb属性设置颜色,你可以参考该部分的内容进行更多了解。
注释是用来解释你的代码,并且可以随意编辑它,浏览器会忽略它。
CSS注释以 "" 结束, 实例如下:
p
{
text-align:center;
color:black;
font-family:arial;
}
CSS 简介 你需要具备的知识在继续学习之前,你需要对下面的知识有基本的了解:HTML / XHTML如果你希望首先学习这些项目,请在 入...
很多初学的朋友学完HTML后开始学习CSS,在学习中常常遇到 div+css,但是不知道什么意思。网上很多资料说div就是取代〈table〉的...
map 标签可以和 area 元素一起使用,以此来达到定义图像映射(可点击的链接区域)的目标,请参考下述示例:实例带有可点击区域的...
tfoot 标签表示HTML表格的页脚,该标签用于组合HTML表格中的表注内容。实例带有 thead、tfoot 和 tbody 元素的 HTML 表格:table...
HTML track 标签在 track 标签中,label 属性用于在列出可用的text tracks时,给浏览器使用的text track的标题,这种标题是使用...