CSS3秘笈：第二章
2015-12-06 19:11
435 查看
1.一个样式由两个元素组成：浏览器对其设置格式的网页元素（选择器，selector）和实际的格式化指令（声明块，declaration block）。
2.简单的样式也包含了以下几个元素：
（1）Selector（选择器）：选择器告诉浏览器网页上的哪个元素以什么样式显示。
（2）Declaration Block（声明块）：选择器后面的代码包含了所有要应用到选择器的格式化选项。声明块以大括号包围（{}）。
（3）Declaration（声明）：在一个声明块的左右大括号之间，添加一个或多个声明，或者格式化指令。每一个声明都有两个部分：一个属性和一个值，并以一个分号结尾。
（4）Property（属性）：CSS提供了大量的格式化选项称作属性。属性名称后面必须添加一个冒号将它与值分开。
（5）Value（值）：要通过CSS属性赋值在表达创造性的天赋。
别忘了在每一个属性：值对后面加上一个分号（；）。
3.（1）内部样式表放在<head>中开始和关闭的HTML<style>标签之间。如果在网页中还使用了JavaScript，就要将JavaScript代码放在样式表之后。因为许多JS程序都依赖CSS，因此先添加CSS能确保JS程序生效。
（2）外部样式表包含了所有网页所需CSS规则的一个文本文件。链接外部样式表最常用的方法就是利用HTML的<link>标签。
HTML5链接外部样式表的方法：
<link rel=”stylesheet” href=”css/style.css”>
HTML4.01类似，只是多了一个type属性：
<link rel=”stylesheet” type=”text/css” href=”css/style.css”>
最后是XHTML的，与HTML4.01类似只是结尾有一个关闭的斜线：
<link rel=”stylesheet” type=”text/css” href=”css/style.css” />
所有文档类型都要有两个属性：
·rel=”stylesheet”表示链接的类型。
·href指向网站中外部CSS文件所在的位置。
CSS本身有一种添加外部样式表的方法：@import指令。把这个指令添加到一个HTML的<style>标签中。如：
<style>
@import url(css/style.css);
</style>
要引用多个外部链接样式表可以使用多条链接语句。
如果要给网页增加一个特定的样式，就在链接语句之后加上该样式，一定要在链接语句之后。否则会被覆盖。
使用<link>标签链接外部样式表更常用，@import会减缓样式表的下载速度。
2.简单的样式也包含了以下几个元素：
（1）Selector（选择器）：选择器告诉浏览器网页上的哪个元素以什么样式显示。
（2）Declaration Block（声明块）：选择器后面的代码包含了所有要应用到选择器的格式化选项。声明块以大括号包围（{}）。
（3）Declaration（声明）：在一个声明块的左右大括号之间，添加一个或多个声明，或者格式化指令。每一个声明都有两个部分：一个属性和一个值，并以一个分号结尾。
（4）Property（属性）：CSS提供了大量的格式化选项称作属性。属性名称后面必须添加一个冒号将它与值分开。
（5）Value（值）：要通过CSS属性赋值在表达创造性的天赋。
别忘了在每一个属性：值对后面加上一个分号（；）。
3.（1）内部样式表放在<head>中开始和关闭的HTML<style>标签之间。如果在网页中还使用了JavaScript，就要将JavaScript代码放在样式表之后。因为许多JS程序都依赖CSS，因此先添加CSS能确保JS程序生效。
（2）外部样式表包含了所有网页所需CSS规则的一个文本文件。链接外部样式表最常用的方法就是利用HTML的<link>标签。
HTML5链接外部样式表的方法：
<link rel=”stylesheet” href=”css/style.css”>
HTML4.01类似，只是多了一个type属性：
<link rel=”stylesheet” type=”text/css” href=”css/style.css”>
最后是XHTML的，与HTML4.01类似只是结尾有一个关闭的斜线：
<link rel=”stylesheet” type=”text/css” href=”css/style.css” />
所有文档类型都要有两个属性：
·rel=”stylesheet”表示链接的类型。
·href指向网站中外部CSS文件所在的位置。
CSS本身有一种添加外部样式表的方法：@import指令。把这个指令添加到一个HTML的<style>标签中。如：
<style>
@import url(css/style.css);
</style>
要引用多个外部链接样式表可以使用多条链接语句。
如果要给网页增加一个特定的样式，就在链接语句之后加上该样式，一定要在链接语句之后。否则会被覆盖。
使用<link>标签链接外部样式表更常用，@import会减缓样式表的下载速度。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐