CSS语法

来源：互联网发布：网络接收器怎么安装编辑：程序博客网时间：2024/05/23 00:07

翻译源http://www.w3schools.com/css/css_syntax.aspCSS语法（查看例子的方法：将代码粘贴到文本文档中，保存格式为html，双击即可看到页面）

例1：

<html><head><style>body {background-color:yellow;}h1   {font-size:36pt;}h2   {color:blue;}p    {margin-left:50px;}</style></head><body><h1>This header is 36 pt</h1><h2>This header is blue</h2><p>This paragraph has a left margin of 50 pixels</p> </body></html>

例2：

<html><head><style>body {background-color:tan;}h1   {color:maroon;font-size:20pt;}hr   {color:navy;}p    {font-size:11pt;margin-left:15px;}a:link    {color:green;}a:visited {color:yellow;}a:hover   {color:black;}a:active  {color:blue;}</style></head><body><h1>This is a header 1</h1><hr><p>You can see that the style sheet formats the text</p><p><a href="http://www.w3schools.com" target="_blank">This is a link</a></p></body></html>

CSS语法
包含两个主要部分：一个选择器，和一个或多个声明：

CSS例子
声明总是以分号结束，并且声明总是用{ }括起来：如
p {color:red;text-align:center;}
为了便于CSS的可读性，你可以将每个声明写成一行，如：
p
{
color:red;
text-align:center;
}
CSS注释
注释是用来解释你的代码。浏览器会忽略掉注释。
一个CSS评论始于“/ *”和“* /”结束,就像这样:
/ *这是一个注释* /