文档介绍：CSS导论
段会川
山东师范大学信息科学与工程学院
2006年10月
11/11/2017
1
参考:
目录
先决知识
何为CSS?
CSS综合演示
样式解决了一个带有普遍性的问题
样式可以为您节省很多劳动
多个样式可以级联为一个样式
CSS语法
CSS语法要点
样式组
类(class)选择器
11/11/2017
2
参考:
目录
类(class)选择器
标识(id)选择器
ment)
使用内部样式单
内联样式
多重样式
CSS背景样式
CSS文本样式
CSS字体(font)
CSS边框(border)
11/11/2017
3
参考:
目录
CSS边空(margin)
CSS填充(padding)
CSS列表(list)
CSS元素尺寸(dimension)
CSS分级定位(classification)
CSS定位(positioning)
CSS赝类(pseudo-classes)
CSS赝元素(pseudo-elements)
CSS2媒体类型(media types)
CSS综合演示
11/11/2017
4
参考:
先决知识
HTML/XHTML
11/11/2017
5
参考:
何为CSS?
CSS代表层叠样式单(Cascading Style Sheet), 也译作级联样式单, 简称为样式单
样式用于定义如何显示HTML元素
通常样式放在样式单中
样式被HTML
外部样式单可以为您节省许多劳动
外部样式单存储在CSS文件中
多个样式定义可以级联起来构成一个样式
11/11/2017
6
参考:
CSS综合演示
11/11/2017
7
参考:
样式解决了一个带有普遍性的问题
设计HTML标签的本意是定义文档的内容
它们本来想使用诸如<h1>, <p>, <table>等描述”这是一个标题”, “这是一个段落”, “这是一个表格”
而文档的外观由浏览器决定, 不需要借助于任何的格式化标签
scape和IE—不断地向原来的HTML规范中增加新的HTML标签和属性, 人们发现创建将HTML文档与其外观展示清楚地分离开来的站点越来越困难
为解决这一问题, W3C(World Wide Consortium, WWW联盟)—负责标准化HTML的非盈利性组织—在创建HTML
目前,所有主流的浏览器都支持CSS
11/11/2017
8
参考:
样式可以为您节省很多劳动
如同HTML <font>标签及其color属性, 样式单定义了HTML元素的显示方式
.
CSS是Web设计技术的一个重大突破
因为它使开发者可以快速地控制多个的Web页的样式和外观效果
Web开发者可以为每个HTML元素定义样式, 然后将它应用到所期望的任何数量的Web页上
11/11/2017
9
参考:
多个样式可以级联为一个样式
样式单允许将样式定义在单一的HTML元素上, 定义在HTML网页的head部分, 或定义在一个外部的CSS文件中
一个HTML文档也可以引用多个外部样式单
级联次序: 所有的样式将按照如下的规则”级联”为一个新的”虚拟”样式单, 其中4级为最高级, 高级的样式将覆盖低级的样式
浏览器默认值
外部样式单
出现在head部分的内部样式单
出现在HTML元素中的内联样式单
11/11/2017
10
参考: