CSS 语法

190次阅读
没有评论

共计 593 个字符,预计需要花费 2 分钟才能阅读完成。


CSS 语法 详解

CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明:

CSS 语法

选择器通常是您需要改变样式的 HTML 元素。

每条声明由一个属性和一个值组成。

属性(property)是您希望设置的样式属性(style attribute)。每个属性有一个值。属性和值被冒号分开。

 

CSS 实例

CSS 声明总是以分号 (;) 结束,声明组以大括号 ({}) 括起来:

p {color:red;text-align:center;}

为了让 CSS 可读性更强,你可以每行只描述一个属性:

p
{
color:red;
text-align:center;
}

 

代码示例:

<!DOCTYPE html>
<html>
<head>
<style>
p
{
color:red;
text-align:center;
}
</style>
</head>

<body>
<p>Hello World!</p>
<p>This paragraph is styled with CSS.</p>
</body>
</html>

执行结果:

Hello World!

This paragraph is styled with CSS.

CSS 注释

注释是用来解释你的代码,并且可以随意编辑它,浏览器会忽略它。

CSS 注释以 "/*" 开始, 以 "*/" 结束, 实例如下:

/* 这是个注释 */
p
{
text-align:center;
/* 这是另一个注释 */
color:black;
font-family:arial;
}

正文完