css中文对照手册

CSS中文手册

1 边框：border-style none：无轮廓。border-color与border-width将被忽略,hidden：隐藏边框。dotted：点状轮廓。dashed：虚线轮廓。solid：实线轮廓double：双线轮廓。两条单线与其间隔的和等于指定的border-width值,groove：3D凹槽轮廓。ridge：3D凸槽,轮廓。inset：3D凹边轮廓。outset：3D凸边轮廓。

border-radius： 设置对象使用圆角边框

：

用长度值设置对象的圆角半径长度。不允许负值

：

用百分比设置对象的圆角半径长度。不允许负值

这两个对象一般为10px； border-top-right-radius 设置对象右上角圆角边框

border-top-left-radius 设置对象左上角圆角边框

border-bottom-left-radius 设置对象左下角圆角边框

border-bottom-right-radius 设置对象右下角圆角边框

背景：

属性 简介

background 复合属性。设置对象的背景特性

background-color 设置对象的背景颜色

background-image 设置对象的背景图像 none：无背景图。

：使用绝对或相对地址指定背景图像。

background-repeat 设置对象的背景图像如何铺排填充 repeat-x：背景图像在横向上平铺

repeat-y：背景图像在纵向上平铺

repeat：背景图像在横向和纵向平铺

no-repeat：背景图像不平铺

round：背景图像自动缩放直到适应且填充满整个容器。（CSS3）

space：背景图像以相同的间距平铺且填充满整个容器或某个方向。（CSS3）

background-attachment 设置对象的背景图像是随对象内容滚动还是固定的 fixed：

背景图像相对于窗体固定。

scroll：

背景图像相对于元素固定，也就是说当元素内容滚动时背景图像不会跟着滚动，因为背景图像总是要跟着元素本身。 CSS中文手册

2 background-position 设置对象的背景图像位置 ：用百分比指定背景图像填充的位置。可以为负值。

：用长度值指定背景图像填充的位置。可以为负值。

left：背景图像在横向上填充从左边开始。

center①：背景图像在横向上填充从中间开始。

right：背景图像在横向上填充从右边开始。

top：背景图像在纵向上填充从顶部开始。

center②：背景图像在纵向上填充从中间开始。

bottom：背景图像在纵向上填充从底部开始。

background-origin 设置对象的背景图像显示的原点

background-clip 设置对象的背景向外裁剪的区域

background-size 设置对象的背景图像的尺寸大小 ：用长度值指定背景图像大小。不允许负值。

：用百分比指定背景图像大小。不允许负值。

auto：背景图像的真实大小。

cover：将背景图像等比缩放到完全覆盖容器，背景图像有可能超出容器。

contain：将背景图像等比缩放到宽度或高度与容器的宽度或高度相等，背景图像始终被包含在容器内。

填充：

内填充 简介 外填充 简介

padding 设置对象四边的内部边距 margin 设置对象四边的外延边距

padding-top 设置对象顶边的内部边距 margin-top 设置对象顶边的外延边距

padding-right 设置对象右边的内部边距 margin-right 设置对象右边的外延边距 CSS中文手册

3 padding-bottom 设置对象底边的内部边距 margin-bottom 设置对象底边的外延边距

padding-left 设置对象左边的内部边 margin-left 设置对象左边的外延边距

文本：

Properties

属性 Description

简介

text-indent 设置对象中的文本的缩进CSS1 word-spacing 设置对象中的单词之间插入的空格数。CSS1

text-overflow 设置或检索是否使用一个省略标记（...）标示对象内文本的溢出CSS3 vertical-align 设置或检索对象内容的垂直对其方式CSS1/CSS2

text-align 设置或检索对象中文本的对齐方式CSS1/CSS3 word-wrap 设置或检索当当前行超过指定容器的边界时是否断开转行CSS3

text-transform 设置对象中的文本的大小写CSS1/CSS3 white-space 设置或检索对象内空格的处理方式CSS1

text-decoration 设置对象中的文本的装饰，如下划线、闪烁等CSS1 direction 设置文本流的方向CSS2

text-shadow 设置或检索对象中文本的文字是否有阴影及模糊效果CSS3 unicode-bidi 用于同一个页面里存在从不同方向读进的文本显示。与direction属性一起使用CSS2

text-fill-color 设置或检索对象中的文字填充颜色CSS3 line-height 设置对象的行高。即字体最底端与字体内部顶端之间的距离CSS1

text-stroke 复合属性。设置或检索对象中的文字的描边CSS3 tab-size 设置对象中的制表符的长度CSS3

text-stroke-width 设置或检索对象中的文字的描边厚度CSS3 letter-spacing 设置对象中的文字之间的间隔CSS1

text-stroke-color 设置或检索对象中的文字的描边颜色CSS3 下级属性没有写出来，以后慢慢自己熟悉

CSS中文手册

4 CSS ID 的命名

页头： header

公告: bulletin

登录条：loginbar

标志：logo

侧栏：sidebar

广告：banner

导航：nav

子导航：subnav

菜单：menu

子菜单：submenu

搜索：search

滚动：scroll

页面主体：main

内容：content

标签页：tab

文章列表：list

提示信息：msg

小技巧：tips

栏目标题：title

加入：joinus

指南：guild

服务：service

热点：hot

新闻：news

下载：download

注册：regsiter

状态：status

按钮：btn

投票：vote

合作伙伴：partner

版权：copyright

外 套： wrap

主导航： mainnav

子导航： subnav

主导航： mainbav（globalnav）

顶导航： topnav

边导航： sidebar

左导航： leftsidebar

右导航： rightsidebar

旗 志： logo

标 语： banner

菜单内容1： menu1content

菜单容量： menucontainer

子菜单： submenu

边导航图标：sidebarIcon

注释： note

面包屑： breadcrumb(即页面所处位置导航提示）

容器： container

内容： content

搜索： search

登陆： Login

功能区： shop(如购物车，收银台)

当前的 current

发送 Delivery

提交 Submit

重写 Reset

登录 Enter

注册 Login

友情链接：friendlink

页脚：footer

页 脚： footer

整个页面： content

页 眉： header

页 脚： footer

商 标： label

标 题： title

CSS中文手册

5 标签 描述 HTML4

定义注释。 4

定义文档类型。 4

定义超链接。 4

定义缩写。 4

定义首字母缩写。HTML5废弃。 4

定义java applet。HTML5废弃。 4

定义图像映射中的区域。 4

定义声音内容。

定义粗体文本。 4

定义页面中所有链接的基准 URL。 4

请使用 CSS 代替。HTML5废弃。 4

定义文本显示的方向。 4

定义大号文本。HTML5废弃。 4

定义 body 元素。 4

插入换行符。 4

定义按钮。 4

定义图形。

定义表格标题。 4

定义居中的文本。HTML5废弃。 4

定义引用。 4

定义计算机代码文本。 4

定义表格列的属性。 4

定义表格列的分组。 4 定义命令按钮。

定义树列表 (tree-list)

中的数据。

定义下拉列表。

定义数据模板。

定义定义的描述。 4

定义删除文本。 4

定义元素的细节。

定义对话（会话）。

定义定义项目。 4

定义定义的项目。 4

定义强调文本。 4

定义外部交互内容或插件。

为服务器发送的事件定义目标。

定义媒介内容的分组，以及它们的标题。

定义文本的字体、尺寸和颜色。HTML5不提倡。 4

的页脚。

定义子窗口（框架）。HTML5废弃。 4

定义框架的集。HTML5废弃。 4

6。 4

定义关于文档的信息。 4