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会减缓样式表的下载速度。

CSS3秘笈：第二章的更多相关文章

  1. CSS3秘笈复习：第一章&第二章&第三章

    第一章: 1.<cite>标签不仅可以将网页设置为斜体,还能给标题做上标记,使它便于被搜索引擎搜索到. 第二章: 1.import指令链接样式表: CSS本身有一种添加外部样式的方法:@i ...

  2. CSS3秘笈第三版涵盖HTML5学习笔记9~12章

    第9章,装饰网站导航 限制访问,处于隐私方面考虑,浏览器已经开始限制可以对伪类:visited应用哪些CSS属性了.其中包括对已访问过的链接定义color.background-color.borde ...

  3. CSS3秘笈第三版涵盖HTML5学习笔记6~8章

    第二部分----CSS实用技术 第6章,文本格式化 指定备用字体: font-family:Arial,Helvetica,sans-serif; 当访问者没有安装第一种字体时,浏览器会在列表中继续往 ...

  4. CSS3秘笈第三版涵盖HTML5学习笔记1~5章

    第一部分----CSS基础知识 第1章,CSS需要的HTML HTML越简单,对搜索引擎越友好 div是块级元素,span是行内元素 <section>标签包含一组相关的内容,就像一本书中 ...

  5. CSS3秘笈第三版涵盖HTML5学习笔记13~17章

    第13章,构建基于浮动的布局 使用的是float(浮动)属性 注:float:none值将取消所有浮动,通常只用来取消元素中已经应用的浮动. 切记:不需要给正文的div设计宽度,即使设计成固定宽度也不 ...

  6. CSS3秘笈复习：第九章&第十章

    第九章 1.和链接有关的伪类: (1):link,未访问过的链接 (2):visited,已访问过的链接 (3):hover,鼠标悬停链接 (4):active,单击链接时 这四种方式一定要严格按上面 ...

  7. CSS3秘笈：第七章

    第七章  margin.padding和border 1.盒模型:四个属性: (1)padding:内容与其边框线之间的空间. (2)border:盒子周围的直线 (3)background-colo ...

  8. CSS3秘笈复习：十三章&十四章&十五章&十六章&十七章

    第十三章 1.在使用浮动时,源代码的顺序非常重要.浮动元素的HTML必须处在要包围它的元素的HTML之前. 2.清楚浮动: (1).在外围div的底部添加一个清除元素:clear属性可以防止元素包围浮 ...

  9. CSS3秘笈复习：第六章

    第六章 1.文本大写化: text-transform:uppercase; 另外三种选项是:lowercase或capitalize以及none. 2.文本修饰: text-decoration:u ...

随机推荐

  1. .netER的未来路，关于基础是否重要和应该自己手写代码吗？

    http://www.cnblogs.com/onepiece_wang/p/5558341.html#!comments 引用"基础知识的学习,一开始可能是背书,但是在后续若干年的工作过程 ...

  2. Error js内置错误 js处理错误流程 Throw语句

    Exceptional Exception Handling in JavaScript       MDN资料 Anything that can go wrong, will go wrong. ...

  3. zookeeper 安装 windows环境

    1.zookeeper下载地址: http://mirrors.cnnic.cn/apache/zookeeper/ 2.单点配置 把下载的zookeeper的文件解压到指定目录 修改conf下增加一 ...

  4. Linux 朝花夕拾

    .bash_profile和.bashrc .bashrc要保存个人的一些个性化设置,如命令别名.路径等. 每次修改.bashrc后,使用source ~/.bashrc(或者 . ~/.bashrc ...

  5. 浅谈Objective-C对象初始化的三类程序猿

    序 早上看了位仁兄写了<Swift:让人眼前一亮的初始化方式>的文章.什么?!初始化?Objective-C!好吧,吓哔哔~~~ 一.普通程序猿 普通程序员使用最常见路人姿势等场.普普通通 ...

  6. 在Eclipse中安装testNG插件

    1. 选择菜单:Help->Install New Software,点击Add按钮输入框中输入相应的Name:testNG和Location:http://beust.com/eclipse. ...

  7. PHP截取含中文的混合字符串长度的函数

    截取含中文的混合字符串长度 /** * 截取中文混合字符串指定长度 * * @param string $string * @param integer $length * @param string ...

  8. HDU 5860 Death Sequence

    用线段树可以算出序列.然后o(1)询问. #pragma comment(linker, "/STACK:1024000000,1024000000") #include<c ...

  9. 在家用机上搭建 Git https 服务器

    今天主要叙述在家里台式机的虚拟机上搭建支持 https 的 ubuntu git 服务器. 实际上,从一个用户请求家里 git 服务器代码,最终完成代码的传输,主要是通过以下的过程: 首先,从外界寻找 ...

  10. 大数据时代之hadoop(一)：hadoop安装

    1.hadoop版本介绍 0.20.2版本以前(不含该版本)的配置文件都在default.xml中. 0.20.x以后的版本不含有eclipse插件的jar包,由于eclipse的版本不一,所以就需要 ...