您的位置：360文档中心› css中文对照手册

css中文对照手册

css中文对照手册
css中文对照手册

边框：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-radiu s

设置对象右上角圆角边框 border-top-left-radius 设置对象左上角圆角边框 border-bottom-left-rad ius

设置对象左下角圆角边框

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

背景：

属性 简介

background 复合属性。设置对象的背景特性 background-color 设置对象的背景颜色

background-image

设置对象的背景图像

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

background-repeat 设置对象的背景图像如何铺排填充

repeat-x ：背景图像在横向上平铺 repeat-y ：背景图像在纵向上平铺 repeat ：背景图像在横向和纵向平铺 no-repeat ：背景图像不平铺 round ：背景图像自动缩放直到适应且填充满整个容器。（CSS3）

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

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

fixed ：

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

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

background-position 设置对象的背景图像位置

：用百分比指定背景图

像填充的位置。可以为负值。

：用长度值指定背景图像填

充的位置。可以为负值。

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

开始。

center①：背景图像在横向上填充从

中间开始。

right：背景图像在横向上填充从右

边开始。

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

开始。

center②：背景图像在纵向上填充从

中间开始。

bottom：背景图像在纵向上填充从

底部开始。

background-

origin

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

background-

clip

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

background-size 设置对象的背景图像的尺寸大小

：用长度值指定背景图像大

小。不允许负值。

：用百分比指定背景图

像大小。不允许负值。

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

cover：将背景图像等比缩放到完全覆

盖容器，背景图像有可能超出容器。

contain：将背景图像等比缩放到宽度

或高度与容器的宽度或高度相等，背

景图像始终被包含在容器内。

填充：

内填充简介外填充简介

padding 设置对象四边的内部边

距

margin

设置对象四边的外延边

距

padding-t op 设置对象顶边的内部边

距

margin-top

设置对象顶边的外延边

距

padding-ri ght 设置对象右边的内部边

距

margin-right

设置对象右边的外延边

距

padding-b ottom 设置对象底边的内部边

距

margin-bottom

设置对象底边的外延边

距

padding-le ft 设置对象左边的内部边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-wid th 设置或检索对象中的文

字的描边厚度CSS3

letter-spacing

设置对象中的文字之间

的间隔CSS1

text-stroke-col or 设置或检索对象中的文

字的描边颜色CSS3

下级属性没有写出来，以后慢慢自己熟悉

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

标签描述HT ML 4

定义注释。4

定义文档类型。4 定义超链接。4 定义缩写。4

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

4

定义地址元素。4

定义java applet。HTML5废弃。

4

定义图像映射中的区域。

4

定义article。