W3cSchool DIV+CSS2 参考手册.docx
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
**CSS参考手册** 在网页设计中,CSS(Cascading Style Sheets)是一种样式表语言,用于定义HTML或XML(包括SVG、XHTML等)文档的呈现。本参考手册主要涵盖CSS2中的背景属性和边框属性,以及文本属性。 ### **背景属性** - `background-color`: 这个属性用于设置元素的背景颜色。可以使用`rgb()`表示法,十六进制颜色代码(如`#FF0000`),颜色名称(如`red`),或者`transparent`来表示透明。 - `background-image`: 用于设置背景图像,通常用`url()`来指定图像的路径。值`none`则表示无背景图像。 - `background-repeat`: 控制背景图像是否及如何重复。可以设置为`repeat`(水平和垂直重复)、`repeat-x`(仅水平重复)、`repeat-y`(仅垂直重复)或`no-repeat`(不重复)。 - `background-attachment`: 设置背景图像是否固定或随页面滚动。值可以是`scroll`(默认,随页面滚动)或`fixed`(图像固定在视口上,不随滚动条移动)。 - `background-position`: 定义背景图像的初始位置。可以使用像素值(`x-pos y-pos`)、百分比(`x-% y-%`)或关键词(`top`, `right`, `bottom`, `left`,`center`)来设置。 - `background`:这是一个简写属性,允许在一个声明中设置所有背景属性,例如`background: color url(image.jpg) repeat-y fixed center;`。 ### **边框属性(border)** - `border-width`: 用于设置元素所有边框的宽度。可接受的值有`thin`, `medium`, `thick`,或者具体的长度值(如`10px`)。 - `border-style`: 定义边框的样式,如`solid`, `dotted`, `dashed`, `double`, `groove`, `ridge`, `inset`, `outset`,以及`none`或`hidden`(不显示边框)。 - `border-color`: 设置边框的颜色,可以指定单个颜色,或者针对不同边框分别指定颜色。 - `border`:简写属性,用于一次性设置边框的宽度、样式和颜色。 - `border-top`, `border-bottom`, `border-left`, `border-right`: 分别用于设置元素的上、下、左、右边框。每个都有对应的`width`, `style`, 和`color`属性。 ### **文本属性** - `color`: 用于设置文本颜色,可使用颜色名、RGB、十六进制颜色码等。 - `direction`: 控制文本方向,通常设置为`ltr`(从左到右)或`rtl`(从右到左)。 - `letter-spacing`: 调整字符间的间距,值可以是长度(如`1px`)或`normal`。 - `text-align`: 设置文本对齐方式,可以是`left`, `right`, `center`, 或`justify`。 - `text-decoration`: 添加文本装饰,如`none`, `underline`, `overline`, `line-through`, 或`blink`。 - `text-indent`: 缩进文本的首行,值可以是长度或百分比。 - `text-shadow`: 创建文本阴影,包含颜色、偏移量和模糊半径。 - `text-transform`: 控制文本的大小写,如`capitalize`, `uppercase`, `lowercase`。 - `unicode-bidi`: 控制元素中的双向(bidirectional)文本流,如`normal`, `embed`, 或`bidi-override`。 - `white-space`: 管理元素内的空白处理,如`normal`, `nowrap`, `pre`, `pre-wrap`, 或`pre-line`。 这些属性在网页布局中起到至关重要的作用,帮助设计师实现丰富多样的视觉效果。熟练掌握它们能够让你更高效地创建出美观且功能强大的网站界面。
- 粉丝: 6863
- 资源: 3万+
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助