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. react学习笔记-01

    1. HTML模板 Jsx是react的语法糖,最终会被编译成js语法.因此需要第三方库browser将jsx转换成js. 由于react 0.14版本之后,将react和react-dom拆分,所以 ...

  3. Spring MVC（二）

    spring mvc工作流 1A)客户端发出http请求,只要请求形式符合web.xml 文件中配置的*.action的话,就由DispatcherServlet 来处理. 1B)Dispatcher ...

  4. Android:关于Edittext的一些设置

    1.自动弹出输入框. et_order_search.setFocusableInTouchMode(true); et_order_search.requestFocus(); CmzBossApp ...

  5. Android:dialog去除边框的实现(自带Style的padding)

    public void show(View view) { MyDialog myDialog=new MyDialog(MainActivity.this); myDialog.show(); // ...

  6. UML中的类间的关系

    1.泛化(Generalization) 指的是子类与父类之间的继承关系,空心三角+实线,箭头指向父类   eg:Father类为Son类的父类     2.依赖(Dependency) 没关系 &g ...

  7. Github朝花夕拾

    删除fork的项目   下载指定revision的repository 通过git log查看提交历史,最好是GUI查看 然后执行命令git reset –hard <sha1> 同步到最 ...

  8. android自定义控件（理论知识学习 +自定义属性的讲解）

    View树和UI界面架构图   UI界面架构图: android视图最外层是一个window对象. phoneWindow来实现. phoneWindow将一个decorView作为整个布局的根vie ...

  9. hdu1002

    //c//https://github.com/ssdutyuyang199401/hduacm/blob/master/1002.c#include<stdio.h>#include&l ...

  10. SpringMVC 基于注解的Controller @RequestMapping @RequestParam..

    概述 继 Spring 2.0 对 Spring MVC 进行重大升级后,Spring 2.5 又为 Spring MVC 引入了注解驱动功能.现在你无须让 Controller 继承任何接口,无需在 ...