css3.0参考手册 doc整理版

1. CSS3 Properties 属性列表 Borders • border-color(See 1.1.1) • border-image(See 1.1.2) • border-radius(See 1.1.3) • box-shadow(See 1.1.4) Backgrounds • background-origin(See 1.2.1) • background-clip(See 1.2.2) • background-size(See 1.2.3) • multiple backgrounds(See 1.2.4) Color • HSL colors(See 1.3.1) • HSLA colors(See 1.3.2) • opacity(See 1.3.3) • RGBA colors(See 1.3.4) Text effects • text-shadow(See 1.4.1) • text-overflow(See 1.4.2) • word-wrap(See 1.4.3) User-interface • box-sizing(See 1.5.1) • resize(See 1.5.2) • outline(See 1.5.3) • nav-up(See 1.5.9) , nav-right(See 1.5.10) , nav-down(See 1.5.11) , nav-left(See 1.5.12) Selectors • attribute selectors(See 2.) Basic box model • overflow-x(See 1.6.2) , overflow-y(See 1.6.3) Generated Content • content(See 1.7.1) Other modules • media queries(See 1.8.1) • multi-column layout(See 1.2.4) • Web fonts(See 1.8.15) • speech(See 1.8.2) 上面截取部分。文档内容类似这样 CSS3.0参考手册doc整理版是一份详细概述了CSS3新特性的文档，涵盖了从边框、背景、颜色到文本效果、用户界面以及选择器等多个方面。以下是对这些主要知识点的详细介绍： 1. **边框(Border)**： - **border-color**：允许设置元素边框的颜色，可以分别定义每一条边的颜色，支持RGB、RGBA、HSL、HSLA等颜色表示法。 - **border-image**：引入图像作为边框，可以创建复杂的边框样式，通过指定源图像、重复方式、裁剪和扩展等属性来定制。 - **border-radius**：用于创建圆角边框，使得元素的角落不再是直角，可以通过设置不同角落的半径来实现不同形状的圆角。 - **box-shadow**：添加阴影效果到元素，包括水平偏移、垂直偏移、模糊半径和阴影颜色等参数，可以创建出立体感。 2. **背景(Background)**： - **background-origin**：定义背景图像的定位点，可以是边框盒、内容盒或填充盒。 - **background-clip**：控制背景图像是否延伸到边框之外，可以选择内容、填充或边框。 - **background-size**：调整背景图像的大小，可以是百分比、固定尺寸或者cover、contain等关键字。 - **Multiple backgrounds**：允许多个背景图像叠加，每个背景图像有各自的透明度、位置和大小设置。 3. **颜色(Color)**： - **HSL colors**：使用色调、饱和度和亮度来定义颜色，提供了一种更直观的颜色操作方式。 - **HSLA colors**：与HSL类似，但增加了透明度（Alpha）通道，可以创建半透明颜色。 - **opacity**：全局设置元素的不透明度，影响其内部所有内容的透明度。 - **RGBA colors**：RGB颜色模型的扩展，增加透明度通道，提供了更精确的透明度控制。 4. **文本效果(Text effects)**： - **text-shadow**：为文本添加阴影效果，可以设置阴影的偏移量、模糊半径和颜色。 - **text-overflow**：处理文本溢出，可隐藏超出容器范围的文本，并用省略号或其他符号表示。 - **word-wrap**：允许单词在必要时换行，防止内容溢出容器。 5. **用户界面(User-interface)**： - **box-sizing**：改变元素的盒模型，可以设置为content-box（默认）或border-box，影响元素的总宽度和高度计算。 - **resize**：允许用户通过拖动调整元素大小。 - **outline**：定义元素的轮廓线，不占据空间，可用于辅助功能或视觉突出。 - **nav-up, nav-right, nav-down, nav-left**：与导航有关的伪元素，用于创建方向导航链接。 6. **选择器(Selectors)**： - **attribute selectors**：基于元素属性进行选择，如`[type="text"]`选择所有type属性为text的输入元素。 7. **基本盒模型**： - **overflow-x, overflow-y**：控制元素在水平和垂直方向上的溢出行为，可以是scroll、hidden、auto或visible。 8. **生成内容(Generated Content)**： - **content**：用于伪元素`::before`和`::after`，可以插入生成的内容到元素的前后。 9. **其他模块**： - **Media Queries**：实现响应式设计，根据设备特性如屏幕尺寸、分辨率等应用不同的CSS规则。 - **多列布局(Multi-column layout)**：创建多列布局，便于组织文本内容。 - **Web fonts**：引入自定义网络字体，提升页面的视觉效果。 - **Speech**：为语音合成和朗读提供支持，增强网页的无障碍访问性。 这个CSS3.0参考手册是一个全面的学习资源，可以帮助开发者充分利用CSS3的新特性来构建美观、交互丰富的网页。通过深入理解和实践这些知识点，可以提升网页设计和开发的技能水平。