可以放置样式的地方:样式表,<style>和style
样式表是一个独立的文件,可以通过<link>元素或者css的@import语句把它附加到某个html文档中,<style>是一个html元素,可以把它内嵌在html文档中,style是一个属性,可以内置在任何html元素中。
要想把样式表连到html文档中,要在html文档中的<head>区域使用<link>元素,并把样式表的url赋给<link>元素的href属性
语法细节:
1. 应当使用unicode utf-8来给css文件编码
2. css代码应当小写:当引用xhtml中的元素名字,类,属性和ID时,选择符是区分大小写的,css的属性和值是不区分大小写的。
3. 元素名,类和ID 只能由字母,数字和下划线,连字符和161个或更多Unicode字符构成,元素,类和ID的第一个字符不能是数字或连字符,类名和ID不能含有标点符号(除了下划线和连字符)
4. 可以通过多个类名用空格分开来为元素赋予多个名字
5. 常量值不用引号
6. 反斜杠(/)可以在某些不能直接显示字符的地方吧他们镶嵌进去。如 /26B会在字符串或标识符中镶嵌“&”
7. 字符串可以包括小括号,逗号,空格,单引号,双引号,不过他们都用反斜杠进行转义
8. 分号用于终止css规则和@import语句
9. 规则集是指在大括号中包含了多条规则,如{color:red; font:size:small;}
10. 右大括号立即终止一组属性,除非他是镶嵌在字符串中,如”}”
11. 注释格式: “/*”开始,“*/”结束
12. 空白:空格(/20),制表位(/09),换行(/0A),回车(/0D),换页(/0C)
经验:
1. 把样式放在样式表中,会减少html文档中的非内容成分,并且把所有的样式放在独立的文件便于管理
2. 用一个单词为样式表命名,并且全部小写(名字简洁容易记忆,并且可以容易运行在不同操作系统)
3. 使用一个能描述样式表使用目的和作用域的名字来命名
4. 使用样式表的不同位置来控制它的作用域,如果一个样式表是修饰整个网站的,则放在网站根目录下,如果样式表仅仅作用于某一篇文档,则应该把它放在与这篇文章同一个目录下。