CSS3.0完全指南：新特性与实战应用

"这是一份关于CSS3.0的参考手册，旨在为网页设计初学者提供学习素材。手册涵盖了CSS3中的各种属性，如边框、背景、颜色、文本效果、用户界面、选择器、基本盒模型等。特别强调了如border-color、border-image、border-radius、box-shadow等前沿特性，并介绍了HSL和HSLA颜色、RGBA颜色、透明度、文本阴影、文本溢出控制、单词断行、元素尺寸调整（box-sizing）、可调整大小（resize）以及轮廓（outline）等。此外，还涉及导航方向属性、属性选择器、水平和垂直溢出控制、生成内容、媒体查询、多列布局、网络字体和语音模块。" 在CSS3中，边框（Borders）的属性允许设计师创建更加丰富和动态的网页布局。`border-color`用于设定元素边框的颜色，可以分别指定四个边的颜色，即border-top-color、border-right-color、border-bottom-color和border-left-color。颜色值可以是预定义的颜色名、十六进制值、RGB或RGBA值，甚至HSL或HSLA颜色表示法。 `border-image`属性是一个强大的工具，它允许使用图像来创建边框，提供了更多的设计自由度。可以通过设置源URL、重复、裁剪和伸展模式来定制边框图像的显示效果。 `border-radius`引入了圆角边框的概念，使得边框不再是直角，而是可以平滑过渡。通过指定半径值，可以创建任何角度的圆角，如果边框宽度是Xpx，那么每个角可以有最多X种颜色，形成渐变效果。 `box-shadow`则为元素添加阴影效果，包括水平偏移、垂直偏移、模糊半径和阴影颜色，还可以设置内阴影和混合模式，增加视觉层次感。 颜色方面，CSS3引入了HSL（色调、饱和度、亮度）和HSLA（增加了透明度）颜色模型，提供了一种更直观的方式来描述颜色，同时也支持RGBA（红色、绿色、蓝色加上透明度）值，使得在保持颜色的同时能够控制透明度。 `text-shadow`用于创建文字阴影，可以指定x轴和y轴的偏移量、模糊半径和阴影颜色，从而实现立体感或艺术效果的文字。 `text-overflow`属性处理文本溢出的情况，可以隐藏溢出部分，或者用省略号表示被截断的内容。`word-wrap`则允许单词在必要时换行，防止内容溢出容器。 `box-sizing`属性改变了元素尺寸计算方式，可以选择内容区域（content-box）或边框区域（border-box）作为元素总宽度和高度的计算基础。 `resize`属性允许用户通过拖动调整元素大小，常用于表格、文本框等需要用户自定义尺寸的场景。 `outline`属性定义了元素的轮廓线，不同于边框，它不占据空间，主要用于辅助性和视觉反馈。 `nav-up,nav-right,nav-down,nav-left`则与导航方向有关，用于定义元素的导航链接行为。 除此之外，CSS3的属性选择器（attribute selectors）增强了选择器的功能，可以根据元素的属性值进行匹配。`overflow-x`和`overflow-y`分别控制水平和垂直方向上的内容溢出策略。 媒体查询（media queries）是响应式设计的关键，可以根据设备特性和视口尺寸应用不同的样式。 多列布局（multi-column layout）允许将内容自动分布到多列，便于创建报纸或杂志式的布局。 网络字体（Webfonts）通过@font-face规则允许使用自定义字体，增强了网页的视觉表现力。 最后，语音模块（speech）为无障碍访问提供了支持，让屏幕阅读器能够正确读出网页内容。 这个CSS3.0参考手册详尽地涵盖了这些特性，是学习和应用CSS3的重要参考资料。