
CSS2中文手册:掌握样式表属性与规则
下载需积分: 16 | 243KB |
更新于2025-05-05
| 188 浏览量 | 举报
收藏
### 知识点概述
CSS(层叠样式表)是一种用于描述网页表现样式的语言。它让网页设计者和开发者能够控制和增强网页的外观,例如字体样式、布局、颜色以及元素间的间隙等。CSS2是该语言的一个重要版本,它在Web设计领域带来了诸多创新和改进。
### 标题知识点
#### CSS2中文手册
标题表明这是一本专门针对CSS2的中文学习手册。该手册对于CSS初学者来说,是了解和掌握CSS属性与规则的宝贵资源。
### 描述知识点
#### 样式表属性
描述部分列出了CSS2中的多个重要属性类别及其子属性。以下是对每个类别的详细解析:
1. **字体 (Font)**
- `font-color`: 控制字体颜色。
- `font-family`: 指定字体类型。
- `font-size`: 设置字体大小。
- `font-size-adjust`: 调整字体大小以保持字体X高度的一致性。
- `font-stretch`: 拉伸或压缩字体。
- `font-style`: 定义字体样式,如正常、斜体。
- `font-weight`: 定义字体粗细。
- `text-decoration`: 给文本添加装饰效果,如下划线、删除线。
- `text-underline-position`: 指定下划线的位置。
- `text-shadow`: 创建阴影效果。
- `font-variant`: 定义小型大写字母等特殊字体样式。
- `text-transform`: 控制字母的大小写。
- `line-height`: 设置行高。
- `letter-spacing`: 设置字符间距。
- `word-spacing`: 设置单词间距。
2. **文本 (Text)**
- `text-indent`: 设置首行缩进。
- `text-overflow`: 定义溢出文本的处理方式。
- `vertical-align`: 对齐文本行中的元素。
- `text-align`: 控制文本的水平对齐方式。
- `layout-flow`: 确定文本的流动方向。
- `writing-mode`: 指定文本是水平还是垂直排列。
- `direction`: 指定文本方向。
- `unicode-bidi`: 处理文本在不同语言间的双向显示。
- `word-break`: 控制单词的换行规则。
- `line-break`: 调整中文、日文和韩文的换行规则。
- `white-space`: 控制空白符的处理方式。
- `word-wrap`: 设置长单词或URL自动换行到下一行。
- `text-autospace`: 调整中文标点符号的间距。
- `text-kashida-space`: 空白字符在阿拉伯文中的扩展。
- `text-justify`: 定义文本的对齐方式,特别是两端对齐。
- `ruby-align` 和 `ruby-position`: 控制ruby注释的对齐和位置。
- `ruby-overhang`: 定义ruby注释中的字符是否能够超出基线。
- `ime-mode`: 控制输入法编辑器的模式。
- `layout-grid`: 设置布局网格。
- `layout-grid-char` 和 `layout-grid-char-spacing`: 网格中字符的设置。
- `layout-grid-line`: 网格线的设置。
- `layout-grid-mode` 和 `layout-grid-type`: 网格模式和类型的设置。
3. **背景 (Background)**
- `background`: 简写属性,用于设置背景颜色、图像、位置和重复方式。
- `background-attachment`: 控制背景图像是否随滚动条滚动。
- `background-color`: 设置背景颜色。
- `background-image`: 设置背景图像。
- `background-position`: 控制背景图像的位置。
- `background-positionX` 和 `background-positionY`: 分别控制X轴和Y轴的背景位置。
- `background-repeat`: 定义背景图像是否重复以及如何重复。
- `layer-background-color` 和 `layer-background-image`: 用于在分层显示中控制背景颜色和图像。
4. **定位 (Positioning)**
- `position`: 定义元素的定位方式,如绝对、相对、固定等。
- `z-index`: 控制元素的堆叠顺序。
- `top`, `right`, `bottom`, `left`: 定义元素位置的偏移量。
5. **尺寸 (Dimensions)**
- `height` 和 `width`: 分别定义元素的高度和宽度。
- `max-height` 和 `max-width`: 设置元素的最大高度和宽度。
- `min-height` 和 `min-width`: 设置元素的最小高度和宽度。
6. **布局 (Layout)**
- `clear`: 指定哪些方向的相邻元素可以浮动。
- `float`: 设置元素向左或向右浮动。
- `clip`: 设置元素的可见区域。
- `overflow`: 定义当内容溢出元素框时如何处理。
- `overflow-x` 和 `overflow-y`: 分别定义水平和垂直方向的溢出处理方式。
- `display`: 定义元素的显示类型,如内联、块级、列表项等。
- `visibility`: 设置元素是否可见。
7. **外补丁 (Margins)**
- `margin`: 简写属性,用于设置所有四个边距。
- `margin-top`, `margin-right`, `margin-bottom`, `margin-left`: 分别设置元素的上、右、下、左边距。
8. **轮廓 (Outlines)**
- `outline`: 简写属性,用于设置轮廓的颜色、样式和宽度。
- `outline-color`: 设置轮廓的颜色。
- `outline-style`: 设置轮廓的样式。
- `outline-width`: 设置轮廓的宽度。
9. **边框 (Borders)**
- `border`: 简写属性,用于设置边框的颜色、样式和宽度。
- `border-color`, `border-style`, `border-width`: 分别设置边框的颜色、样式和宽度。
- `border-top`, `border-right`, `border-bottom`, `border-left`: 分别设置元素的上、右、下、左边框。
- `border-top-color`, `border-top-style`, `border-top-width`: 等具体设置上边框的属性。
10. **内容 (Generated Content)**
- `include-source`: 未在CSS规范中定义的标准属性,用于控制是否引入源文档。
- `quotes`: 设置引号的显示样式。
- `content`: 用于插入生成内容,如:before和:after伪元素。
### 标签知识点
#### css 中文 手册
标签指明了手册的性质和使用语言,即这是一本中文的CSS手册,方便中文用户进行学习。
### 压缩包子文件的文件名称列表
#### CSS2中文手册.chm
文件名“CSS2中文手册.chm”表明该手册使用了编译帮助文件格式(.chm),通常用于Windows平台的电子文档,使用户能通过阅读器快速查询和参考信息。
相关推荐




















rainwavezhao
- 粉丝: 1
最新资源
- 树莓派检测多Wi-Fi信号:init_wifi.sh脚本与scrape_wifi.js应用
- SharpPdf417:高效的PDF 417条码生成库介绍与平台支持
- Linux和Bash生存指南:从魂斗罗游戏到系统开源
- windsock-android: 用于Concourse CI的Android应用介绍
- Cassandra示例集锦:Java实践案例解析
- Superman:Java脚手架工程源码解析与快速使用指南
- 打造个性化家庭图书馆:书籍与文章的整理管理
- 深度学习在多因子量化选股中的应用研究
- 基于SpringBoot和Mybatis的问答社交网站项目开源实现
- 电视安卓应用开发实战:SER 516与Java技术解析
- Mybatis-Generator-GUI-Plus新特性:批量操作与代码生成简化
- 若依OA系统源码下载:后端管理后台利器
- Cameralink-LPC-FMC-Module:多平台开发与数据流控制
- HTML5服装与艺术品行业网站模板设计
- LabVIEW与FPGA实时通信实现温湿度数据采集与显示
- tile-converter:轻松转换与提取地图图块的Vagrant虚拟机工具
- 掌握迷宫求解器:Java控制台程序的三层次架构解析
- 使用FFMPEG在Windows实现桌面和摄像头数据推流
- 探索豆瓣API:查询影评和Top250的安卓开发实践
- pattern-presenter: 快速实现页面样式展示与设置
- Psychofit模块:基于Matlab的2AFC心理测量数据拟合工具
- Tensorflow实现图像超分辨率算法SRCNN详细教程
- 利用Matlab实现任意权重Lobatto点计算
- MATLAB实现的AUROC计算方法及源代码分享