css的语法非常简单。一个样式表中含有很多样式(style),一种样式又包括了选择符(selector)和规则(rule),一条规则包括一个属性(property)和值(">value).下面是样式的
设计模式:
SELECTORS' RULES)
规则的设计模式如下所示:
PROPERTY:VALUE;
举个例子,p{margin:o:}是一种样式。p是选择符,它选择了HTML文档中的所有<p>元素。大括号({})运算符把规则marjin:o:赋给了选择符p。冒号(:)运算符则把值o赋给了属性margin。分号(;)运算符代表规则的结束。
一种样式可能含有多个选择符和多条规则。比如,p.tip{margin:o:line-height:150%;}是一种样式。大括号把两条规则margin:o;和line -height:150%;组成一个规则集赋给选择符p.tip,它选择了HTML文档中的所有<p class=“tip”>元素。
CSS语法细节
css语法的
关键点有如下几个。
1.应当用Unicode UTF-8来给css文件编码-HTML文件也应该用
同样的编码格式。
2.cSS代码应当小写。当引用XHTML中的元素名字、类、属性和ID时,选择符是区分
大小写的(case sensitive)。css的属性和值则不区分大小写(case insensitive)。为了保持简洁和一致性,所
有的css代码都使用小写字符,包括元素、类和ID。
3元素名、类和ID只能由字母、数字和下划线(一)、连字符(一)和161个或更多Unicode字符所构成。元素、类和ID的第一个字符不能是数字或连字符。类名和ID中绝对不能含有标点符号(不包括下划线和连字符)。比如,my_name2 -1对类和ID来说都是一个规范的名字.
但是下面这些却是无效的:1、Imy_name_ -my_name. my:name、my.name和my,name。
4.可以通过把多个类名用空格分开,为元素赋予多重类(multiple class),
例如class:. classl class2 class3 -.
5.常量值(constant value)
不用引号。例如,c。lor:black;是正确的,但color:'black':就是错误的。
6.反斜杠(\)可以在某些不能直接显示字符的地方把它们镶嵌进去。例如,\26B会在字符串或标识符中镶嵌“&”。反斜杠后面可以紧接任何2—8{1的10:&制代码或者某个字符,
7.字符串里可以包括小括号、逗号、空格、单引号(.)、双引号(-).
不过它们要用反斜
"embedded left parentheses \(“ /*镶嵌左括号 */
"embedded right parentheses \)“ /*镶嵌右括号*/
"embedded comma、\," /*镶嵌逗号 */
"embedded single quote \‘” /*镶嵌单引号 */
"embedded double quote \“” /*镶嵌双引号 */
"embedded single quote 、in a double-quoted string” /*在双引号字符串中镶嵌单引号*/
'embedded double quote “ in a double-quoted string’ /*在单引号字符串中镶嵌单引号*/
分号用于终止css规则和@import语句.color:red; @import “mystylesheet .css”
规则集(ruleset)是指在大括号中包含了多条规则,例如t color: red; font-size: small; ).
右大括号(})立即终止一组属性,除非它是镶嵌在字符串中的,就像“}”。
①在HTML中.css选择符是不区分大小写的.
CSS注释是以“/”为起始,“*/”为结束的,例如:/*这是-条CSS注释.在注释里不能嵌套。因此,当浏览器在样式表中遇到第一个*/后,它就会当作注释的结束。如果后面又遇到了一个/*,它们不会被当作注释中的一部分。举个例子:
/*这是一个错误的注释
/*因为它试田嵌套
/*多条注释+/
从这儿开始,这些文本已经不属于注释了! */*/