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. python学习之glob模块

    如何批量获取文件路径 import glob import os def image_proc(): for files in glob.glob('/home/xxx/filename/*.png' ...

  2. ActionBar 值 addTab 的小提示

    今天测试时偶然发现当程序中 addTab 后,会默认触发第一个 tab 的 onTabSelected 事件方法 ActionBar actionBar = mActivity.getSupportA ...

  3. CSU 1640 机智的刷题方式

    完全背包 #include<cstdio> #include<cstring> #include<cmath> #include<algorithm> ...

  4. Firebug入门指南

    据说,对于网页开发人员来说,Firebug是Firefox浏览器中最好的插件之一. 我最近就在学习怎么使用Firebug,网上找到一篇针对初学者的教程,感觉比较有用,就翻译了出来. ========= ...

  5. openwrt的uboot环境变量分析

    目前烧写完CC(chaos calmer 15.05)版本,查看其uboot变量如下: ath> printenvbootargs=console=ttyS0,115200 root=31:02 ...

  6. table边框1px

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  7. Chapter 14_5 _ENV和load

    load在加载代码块时,通常使用全局环境去初始化代码块的_ENV上值. 然而,load选项的第四个参数给出的值就是供_ENV用的.(loadfile函数参数也是一样) 举一个有关初始化的例子,假如我们 ...

  8. Android应用测试性能的工具Emmagee，导出文件格式问题分析

    原文引用自:http://www.open-open.com/lib/view/open1367026451078.html Emmagee是监控指定被测应用在使用过程中占用机器的CPU.内存.流量资 ...

  9. C#第五天

    引用命名空间快捷键:Shift + Alt +F10: 值类型和引用类型: 区别: 1,值类型和引用类型在内存上存储的地方不一样: 2.在传递值类型和传递引用类型的时候,传递的方式不一样.值类型我们称 ...

  10. android打包大小笔录

    版本 4.6.1 1-1  游戏完整包的大小 1-2 1级代码压缩 1-3 2级代码压缩 1-4 3级代码压缩 2-1 删除核心战斗的部分资源 2-2 2级代码压缩 3-0 删除外部UI的资源  剩下 ...