码迷,mamicode.com
首页 > Web开发 > 详细

(二)CSS基础语法

时间:2015-02-04 12:23:03      阅读:171      评论:0      收藏:0      [点我收藏+]

标签:

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

下面的示意图为您展示了CSS语法结构:

技术分享

例如:

h1{color:red;font-size:14px;}

值得不同写法和单位

其中很多属性值有不同的写法和单位,比如:
1.颜色:除了red英文单词,还有#ff0000十六进制的颜色值,和RGB(255,0,0)

   或者RGB(100%,0%,0%)这几种写法。

2.字体大小:有px,em等的单位。

这里不再一一举例,我会在以后的整理中,填充这一部分的知识。

记得写引号

值为若干个单词,则要给值加引号。例如:

p {font-family: "sans serif";}

多重声明
如果定义不止一个声明,要用分号将每个声明隔开。最后一个声明也最好加分号,这样可以避免增减声明发生的错误。另外,每行只写一个属性,增强可读性。例如:

p {
  text-align: center;
  color: black;
  font-family: arial;
}

空格和大小写
一般,是否包含空格不会影响CSS在浏览器的工作效果,同样CSS对大小写不敏感。

但是,请不要在属性值和单位之间留有空格,假如你使用 “margin-left: 20 px” 而不是 “margin-left: 20px” ,它仅在 IE 6 中有效,但是在 Mozilla/Firefox                

         或 Netscape中却无法正常工作。

同样,如果涉及到与HTML文档一起工作的话,class与id名称对大小写是敏感的。

所以,保险起见,严格区分大小写,并且在属性值和单位之间不能留有空格。

 

(二)CSS基础语法

标签:

原文地址:http://www.cnblogs.com/jxlsomnus/p/4271764.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!