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;
}
都说用 DIV+CSS 布局来设计网站便于优化,容易被收录,那么你对 DIV+CSS 布局的用法是否了解?CSS 布局是网页html通过 DIV 标签 ...
CSS 背景CSS 背景属性用于定义 HTML 元素的背景。CSS 属性定义背景效果:background-colorbackground-imagebackground-repeatbac...
CSS 尺寸 (Dimension) CSS 尺寸 (Dimension) 属性允许你控制元素的高度和宽度。同样,它允许你增加行间距。 更多实例设置元素的...
HTML 教程导读- (HTML5标准)HTML(英语:Hyper Text Markup Language,简称:HTML )也叫作超文本标记语言,是一种使用结构化 ...
为了让用户拥有更好的阅读体验,将文章中数据以更直观的方式展示是非常必要的,因此,拥有良好的表格设计就显得非常重要了。下面...