css2.0参考手册中文版资源-CSDN文库

共203个文件

html：75个

gif：63个

table1：1个

需积分: 10 122 浏览量 2009-11-09 21:36:18 上传评论收藏 647KB RAR 举报

**CSS 2.0 中文参考手册概述** CSS（Cascading Style Sheets）2.0 是Web设计领域中一个至关重要的规范，它定义了如何在HTML或XML（包括SVG、MathML等）文档中表现元素的样式。CSS 2.0 是继1.0版本之后的一次重大更新，引入了许多新特性，增强了网页设计的灵活性和控制性。这份中文参考手册全面地解释了CSS 2.0的所有规则和属性，帮助开发者深入理解和应用这一标准。 **一、选择器和优先级** 1. **基本选择器**：包括元素选择器（如`p`）、类选择器（如`.class`）、ID选择器（如`#id`）和通配符选择器（如`*`）。 2. **组合选择器**：允许将多个选择器组合在一起，例如`h1+p`表示紧跟在`h1`元素后的`p`元素。 3. **层次选择器**：包括后代选择器（如`div p`）、子元素选择器（如`div > p`）、相邻兄弟选择器（如`h1 + p`）和后续兄弟选择器（如`h1 ~ p`）。 4. **优先级计算**：根据选择器类型计算权重，ID选择器权重最高，类选择器次之，属性选择器和伪类再次，元素选择器权重最低。优先级相同则按顺序覆盖。 **二、基本样式属性** 1. **颜色和背景**：包括`color`、`background-color`、`background-image`、`background-repeat`、`background-position`和`background-attachment`等属性，用于设置文本颜色和元素背景。 2. **字体和文本**：`font`属性可以一次性设置多种字体属性，如`font-size`、`font-family`、`font-weight`等。其他还包括`text-align`、`text-decoration`和`line-height`等。 3. **尺寸与定位**：`width`和`height`定义元素大小，`margin`、`padding`控制内外边距，`position`、`top`、`right`、`bottom`、`left`实现元素定位。 4. **列表和边框**：`list-style`处理列表项的标记，`border`属性定义边框样式、宽度和颜色。 **三、盒模型** CSS 2.0中的盒模型是理解布局的关键，包括`content`、`padding`、`border`和`margin`四部分。默认情况下，浏览器采用W3C盒模型，`width`和`height`包含内容区和内边距，但不包括边框。 **四、流体布局** 1. **浮动**：`float`属性让元素浮动到左侧或右侧，常用于创建多列布局。 2. **清除**：`clear`属性防止元素被浮动元素影响，确保布局的稳定性。 3. **相对和绝对定位**：`position`属性配合`relative`和`absolute`值，实现元素相对于其父元素或固定位置的定位。 **五、媒体查询与响应式设计** CSS 2.0引入了初步的媒体查询概念，允许根据设备特性（如视口宽度）应用不同的样式，为早期响应式设计奠定了基础。 **六、伪类和伪元素** 1. **伪类**：如`:hover`、`:active`和`:focus`，用于在特定状态时改变元素样式。 2. **伪元素**：如`::before`和`::after`，在元素内容前后插入内容。 **七、兼容性和浏览器差异** 尽管CSS 2.0标准已广泛支持，但各浏览器对某些特性的实现可能存在差异，开发者需关注并适配这些差异，以确保跨浏览器兼容性。 **总结** CSS 2.0中文参考手册是学习和应用CSS不可或缺的资源，它涵盖了所有核心概念、属性和规则。通过深入理解并熟练运用这些知识，开发者可以创建出富有表现力且功能强大的Web页面，同时为向更高级的CSS版本过渡打下坚实基础。

资源推荐

资源详情

资源评论

收起资源包目录

css 2.0 参考手册中文版（203个子文件）

anon-block 14B

bach1 9B

bach2 9B

bg-repeat 13B

box-coord 13B

boxdim 10B

boxdimeg 12B

caution 11B

cell-align 14B

changebar 13B

clip 8B

default.css 3KB

CSStbl1 11B

CSStbl1a 12B

CSStbl2 11B

CSStbl3 11B

doctree 11B

eclipse-outline 19B

first-letter 16B

first-letter2 17B

float2p 11B

floatclear 14B

floateg 11B

flow-abs-rel 16B

flow-absolute 17B

flow-clear 14B

flow-clear2 15B

flow-float 14B

flow-generic 16B

flow-relative 17B

flow-static 15B

font-adjust-a 17B

font-adjust-b 17B

frame 9B

font-adjust-b.gif 28KB

CSStbl1.gif 28KB

font-adjust-a.gif 21KB

P2F24.gif 21KB

CSStbl1a.gif 15KB

x-height.gif 13KB

italic-40.gif 11KB

boxdimeg.gif 11KB

bg-repeat.gif 11KB

float2p.gif 10KB

panose-16.gif 9KB

tbl-width.gif 9KB

kern-22.gif 9KB

floatclear.gif 8KB

tbl-layers.gif 8KB

cell-align.gif 8KB

floateg.gif 7KB

tbl-spacing.gif 6KB

heb-height.gif 6KB

flow-abs-rel.gif 5KB

table1.gif 5KB

boxdim.gif 5KB

list-square.gif 5KB

flow-clear.gif 5KB

flow-clear2.gif 5KB

list-none.gif 5KB

flow-static.gif 5KB

clip.gif 5KB

flow-absolute.gif 5KB

flow-float.gif 5KB

left-caption.gif 5KB

flow-relative.gif 5KB

top-caption.gif 5KB

flow-generic.gif 4KB

pixel2.gif 4KB

ascender.gif 4KB

box-coord.gif 4KB

descender.gif 4KB

bach2.gif 3KB

anon-block.gif 3KB

page-info.gif 3KB

bach1.gif 3KB

overflow1.gif 3KB

pixel1.gif 3KB

list-inout.gif 2KB

changebar.gif 2KB

frame.gif 2KB

tbl-border-conflict.gif 2KB

inline-layout.gif 2KB

tbl-border.gif 2KB

table-overlap.gif 2KB

first-letter2.gif 1KB

CSStbl2.gif 1KB

overflow2.gif 1KB

doctree.gif 996B

eclipse-outline.gif 991B

w3c_home.gif 901B

tbl-empty.gif 881B

first-letter.gif 846B

line-box.gif 504B

tbl-rules.gif 476B

CSStbl3.gif 354B

caution.gif 99B

heb-height 14B

heb-height-54 17B

fonts.html 116KB

共 203 条

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html lang="zh-cn"> <HEAD> <meta http-equiv="Content-Type" content="text/html; charset=gb2312-80"> <TITLE>字体</TITLE> <link rel="stylesheet" href="style/default.css" type="text/css"> <link rel="prev" href="colors.html"> <link rel="next" href="text.html"> <link rel="contents" href="cover.html#minitoc"> <link rel="CSS-properties" href="propidx.html" title="properties"> <link rel="index" href="indexlist.html" title="index"> </HEAD> <BODY> <div class="navbar" align="center"> <a href="colors.html">上一篇</a>   <a href="text.html">下一篇</a>   <a href="cover.html#minitoc">目录</a>   <a href="propidx.html">属性</a>   <a href="indexlist.html">索引</a>   </div> <hr class="navbar"> <H1 align="center">15 字体</H1> <div class="subtoc">     目录 <ul class="toc"> <li class="tocline2"><a href="fonts.html#q1" class="tocxref">15.1 简介</a> <li class="tocline2"><a href="fonts.html#font-specification" class="tocxref">15.2 字体说明</a> <ul class="toc"> <li class="tocline3"><a href="fonts.html#font-properties" class="tocxref">15.2.1 字体说明的属性</a> <li class="tocline3"><a href="fonts.html#font-family-prop" class="tocxref">15.2.2 字体家族：'font-family'属性</a> <li class="tocline3"><a href="fonts.html#font-styling" class="tocxref">15.2.3 字体样式：'font-style'，'font-variant'，'font-weight'及'font-stretch'属性</a> <li class="tocline3"><a href="fonts.html#font-size-props" class="tocxref">15.2.4 字体尺寸：'font-size'及'font-size-adjust'属性</a> <li class="tocline3"><a href="fonts.html#font-shorthand" class="tocxref">15.2.5 缩写的字体属性：'font'属性</a> <li class="tocline3"><a href="fonts.html#generic-font-families" class="tocxref">15.2.6 通用字体家族</a> <ul class="toc"> <li class="tocline4"><a href="fonts.html#serif-def" class="tocxref"> <dfn>serif</dfn></a> <li class="tocline4"><a href="fonts.html#sans-serif-def" class="tocxref"> <dfn>sans-serif</dfn></a> <li class="tocline4"><a href="fonts.html#cursive-def" class="tocxref"> <dfn>cursive</dfn></a> <li class="tocline4"><a href="fonts.html#fantasy-def" class="tocxref"> <dfn>fantasy</dfn></a> <li class="tocline4"><a href="fonts.html#monospace-def" class="tocxref"> <dfn>monospace</dfn></a> </ul> </ul> <li class="tocline2"><a href="fonts.html#font-selection" class="tocxref">15.3 字体选择</a> <ul class="toc"> <li class="tocline3"><a href="fonts.html#font-descriptions" class="tocxref">15.3.1 字体描述及@font-face</a> <li class="tocline3"><a href="fonts.html#select" class="tocxref">15.3.2 选择字体的描述子：'font-family'，'font-style'，'font-variant'，'font-weight'，'font-stretch'及'font-size'</a> <li class="tocline3"><a href="fonts.html#dataqual" class="tocxref">15.3.3 字体数据限制的描述子：'unicode-range'</a> <li class="tocline3"><a href="fonts.html#unitsperem" class="tocxref">15.3.4 数值描述子：'units-per-em'</a> <li class="tocline3"><a href="fonts.html#referencing" class="tocxref">15.3.5 参考描述子：'src'</a> <li class="tocline3"><a href="fonts.html#matching" class="tocxref">15.3.6 匹配描述子：'panose-1'，'stemv'，'stemh'，'slope'，'cap-height'，'x-height'，'ascent'及'descent'</a> <li class="tocline3"><a href="fonts.html#synthesizing" class="tocxref">15.3.7 综合描述子：'widths'，'bbox'及'definition-src'</a> <li class="tocline3"><a href="fonts.html#alignment" class="tocxref">15.3.8 对齐描述子：'baseline'，'centerline'，'mathline'及'topline'</a> <li class="tocline3"><a href="fonts.html#q23" class="tocxref">15.3.9 示例</a> </ul> <li class="tocline2"><a href="fonts.html#font-descriptors" class="tocxref">15.4 字体的特性</a> <ul class="toc"> <li class="tocline3"><a href="fonts.html#universal" class="tocxref">15.4.1 字体特性简介</a> <li class="tocline3"><a href="fonts.html#aname" class="tocxref">15.4.2 字体的全名</a> <li class="tocline3"><a href="fonts.html#emsq" class="tocxref">15.4.3 以全身长方块来协调单位</a> <li class="tocline3"><a href="fonts.html#cline" class="tocxref">15.4.4 中心基准线</a> <li class="tocline3"><a href="fonts.html#encoding" class="tocxref">15.4.5 字体编码</a> <li class="tocline3"><a href="fonts.html#family" class="tocxref">15.4.6 字体家族名</a> <li class="tocline3"><a href="fonts.html#lrwidth" class="tocxref">15.4.7 字型宽度</a> <li class="tocline3"><a href="fonts.html#stemh" class="tocxref">15.4.8 水平主字母宽度</a> <li class="tocline3"><a href="fonts.html#cap" class="tocxref">15.4.9 大写字型的高度</a> <li class="tocline3"><a href="fonts.html#xht" class="tocxref">15.4.10 小写字型的高度</a> <li class="tocline3"><a href="fonts.html#bline" class="tocxref">15.4.11 下基准线</a> <li class="tocline3"><a href="fonts.html#mline" class="tocxref">15.4.12 数学基准线</a> <li class="tocline3"><a href="fonts.html#bbox" class="tocxref">15.4.13 最大边界控制框</a> <li class="tocline3"><a href="fonts.html#ascent" class="tocxref">15.4.14 最大的非提升字符的高度</a> <li class="tocline3"><a href="fonts.html#descent" class="tocxref">15.4.15 最大的非提升字符的深度</a> <li class="tocline3"><a href="fonts.html#pan1" class="tocxref">15.4.16 Panose-1中的数字</a> <li class="tocline3"><a href="fonts.html#ucode" class="tocxref">15.4.17 ISO 10646的字符范围</a> <li class="tocline3"><a href="fonts.html#tline" class="tocxref">15.4.18 顶基准线</a> <li class="tocline3"><a href="fonts.html#stemv" class="tocxref">15.4.19 垂直主字母宽度</a> <li class="tocline3"><a href="fonts.html#slope" class="tocxref">15.4.20 垂直笔划角度</a> </ul> <li class="tocline2"><a href="fonts.html#algorithm" class="tocxref">15.5 字体匹配算法</a> <ul class="toc"> <li class="tocline3"><a href="fonts.html#q46" class="tocxref">15.5.1 字体重量值到字体名的映射</a> <li class="tocline3"><a href="fonts.html#q47" class="tocxref">15.5.2 字体匹配示例</a> </ul> </ul> </div> <h2><a name="q1">15.1 简介</a></h2>     一旦文档的文本要可见地显示，<a name="x0"><span class="index-inst" title="characte

评论收藏

内容反馈