css属性大全中文对照表？css常用标签及属性

大家好，关于css属性大全中文对照表很多朋友都还不太明白，今天小编就来为大家分享关于css常用标签及属性的知识，希望对各位有所帮助！

css的属性有哪些

希望能帮到你属性名称

字体属性（Font）

font-family

font-style

font-variant

font-weight

font-size

颜色和背景属性

Color

Background-color

Background-image

Background-repeat

Background-attachment

Background-position

文本属性

Word-spacing

Letter-spacing

Text-decoration

Vertical-align

Text-transform

Text-align

Text-indent

Line-height

边距属性

Margin-top

Margin-right

Margin-bottom

Margin-left

填充距属性

Padding-top

Padding-right

Padding-bottom

Padding-left

边框属性

Border-top-width

Border-right-width

Border-bottom-width

Border-left-width

Border-width

Border-color

Border-style

Border-top

Border-right

Border-bottom

Border-left

Width

Height

Float

Clear

分级属性

Display

White-space

List-style-type

List-style-image

List-style-position

List-style

鼠标（Cursor）属性属性含义

使用什么字体

字体是否斜体

是否用小体大写

字体的粗细

字体的大小

定义前景色

定义背景色

定义背景图案

重复方式

设置滚动

初始位置

单词之间的间距

字母之间的间距

文字的装饰样式

垂直方向的位置

文本转换

对齐方式

首行的缩进方式

文本的行高

顶端边距

右侧边距

底端边距

左侧边距

顶端填充距

右侧填充距

底端填充距

左侧填充距

顶端边框宽度

右侧边框宽度

底端边框宽度

左侧边框宽度

一次定义宽度

设置边框颜色

设置边框样式

一次定义顶端

一次定义右侧

一次定义底端

一次定义左侧

定义宽度属性

定义高度属性

文字环绕

哪一边环绕

定义是否显示

怎样处理空白

加项目编号

加图案

第二行起始位置

一次定义列表

自动

定位“十”字

默认指针

手形

移动

箭头朝右方

箭头朝右上方

箭头朝左上方

箭头朝上方

箭头朝右下方

箭头朝左下方

箭头朝下方

箭头朝左方

文本“I”形

等待

帮助

属性值

所有的字体

Normal、italic、oblique

Normal、small-caps

Normal、bold、bolder、lithter等

Absolute-size、relative-size、length、percentage等

颜色

颜色

路径

Repeat-x、repeat-y、no-repeat

Scroll、Fixed

Percentage、length、top、left、

right、bottom等

Normal<length>

同上

None|underline|overline|line-

through|blink

Baseline|sub|super|top|text-top|middle|bottom|text-bottom|

Capitalize|uppercase|

lowercase|none

Left|right|center|justify

<length>|<percentage>

Normal|<number>|<length>|

<percentage>

Length|percentage|auto

同上

同上

同上

Length|percentage

同上

同上

同上

Thin|medium|thick|length

同上

同上

同上

同上

Color

None|dotted|dash|solid等

Border-top-width|color等

同上

同上

同上

Length|percentage|auto

Length|auto

Left|right|none

Left|right|none|both

Block、inline、list-item、none

Normal、pre、nowrap

Disc、circle、square等

<url>|none

Inside、outside

<keyword>|<position>|<url>

Auto

Crosshair

Default

Hand

Move

e-resize

Ne-resize

Nw-resize

n-resize

Se-resize

Sw-resize

s-resize

w-resize

Text

Wait

Help

经常用到的Css属性是什么

一、html标签

scrollbar-face-color:滚动条凸出部分的颜色<br/>

scrollbar-highlight-color:滚动条空白部分的颜色<br/>

scrollbar-shadow-color:立体滚动条阴影的颜色<br/>

scrollbar-3dlight-color:滚动条亮边的颜色<br/>

scrollbar-arrow-color:上下按钮上三角箭头的颜色<br/>

scrollbar-track-color:滚动条的背景颜色<br/>

scrollbar-darkshadow-color:滚动条强阴影的颜色<br/>

scrollbar-base-color:滚动条的基本颜色

021-5027-3306

<pre>...</pre>文字格式化

<div>......</div>列块容器

字体大小变化<font size=?>想输入的字</font>

字体颜色<font color="...">想输入的字</font>

字体变粗<b>想输入的字</b>

字体变斜<i>想输入的字</i>

字体加下划线<u>想输入的字</u>

对正中央ㄉ语法<p align="center">内容</p>

对正左边ㄉ语法<p align="left">内容</p>

对正右边ㄉ语法<p align="right">内容</p>

字体删除线<s>想输入的字</s>

字体设置<font face="字体名称">想输入的字</font>

打字机字体<tt>想输入的字</tt>

上标字^{想输入的字}

下标字_{想输入的字}

水平线<hr color="...">

换行输入想输入的字<br>想输入的字

超链接<a rel="external nofollow" href="想链接网址">链接地的名称</a>

<a rel="external nofollow" href="mailto:填入email">要显示的字打这里</a>网络邮寄标签

贴图<img src="图形的网址">

跑马灯(循环)<marquee behavior=scroll>想输入的字</marquee>

外部文件导入格式标签

CSS外部导入格式：

<link rel="stylesheet" type="text/css" rel="external nofollow" href="/css.css"/>

直接引用：

<style type="text/css">

<!--

id{...}

-->

</style>

javascript-加载外部.js独立文件：

<script type="text/javascript" src="/script.js"></script>

二、CSS文字属性：

color:#999999;/*文字颜色*/

font-family:宋体,sans-serif;/*文字字体*/

font-size: 9pt;/*文字大小*/

font-style:itelic;/*文字斜体*/

font-variant:small-caps;/*小字体*/

letter-spacing: 1pt;/*字间距离*/

line-height: 200%;/*设置行高*/

font-weight:bold;/*文字粗体*/

vertical-align:sub;/*下标字*/

vertical-align:super;/*上标字*/

text-decoration:line-through;/*加删除线*/

text-decoration:overline;/*加顶线*/

text-decoration:underline;/*加下划线*/

text-decoration:none;/*删除链接下划线*/

text-transform: capitalize;/*首字大写*/

text-transform: uppercase;/*英文大写*/

text-transform: lowercase;/*英文小写*/

text-align:right;/*文字右对齐*/

text-align:left;/*文字左对齐*/

text-align:center;/*文字居中对齐*/

text-align:justify;/*文字分散对齐*/

vertical-align属性

vertical-align:top;/*垂直向上对齐*/

vertical-align:bottom;/*垂直向下对齐*/

vertical-align:middle;/*垂直居中对齐*/

vertical-align:text-top;/*文字垂直向上对齐*/

vertical-align:text-bottom;/*文字垂直向下对齐*/

三、CSS符号属性：

list-style-type:none;/*不编号*/

list-style-type:decimal;/*阿拉伯数字*/

list-style-type:lower-roman;/*小写罗马数字*/

list-style-type:upper-roman;/*大写罗马数字*/

list-style-type:lower-alpha;/*小写英文字母*/

list-style-type:upper-alpha;/*大写英文字母*/

list-style-type:disc;/*实心圆形符号*/

list-style-type:circle;/*空心圆形符号*/

list-style-type:square;/*实心方形符号*/

list-style-image:url(/dot.gif);/*图片式符号*/

list-style-position:outside;/*凸排*/

list-style-position:inside;/*缩进*/

四、CSS背景样式：

background-color:#F5E2EC;/*背景颜色*/

background:transparent;/*透视背景*/

background-image: url(/image/bg.gif);/*背景图片*/

background-attachment: fixed;/*浮水印固定背景*/

background-repeat: repeat;/*重复排列-网页默认*/

background-repeat: no-repeat;/*不重复排列*/

background-repeat: repeat-x;/*在x轴重复排列*/

background-repeat: repeat-y;/*在y轴重复排列*/

指定背景位置

background-position: 90% 90%;/*背景图片x与y轴的位置*/

background-position: top;/*向上对齐*/

background-position: buttom;/*向下对齐*/

background-position: left;/*向左对齐*/

background-position: right;/*向右对齐*/

background-position: center;/*居中对齐*/

五、CSS连接属性：

a/*所有超链接*/

a:link/*超链接文字格式*/

a:visited/*浏览过的链接文字格式*/

a:active/*按下链接的格式*/

a:hover/*鼠标转到链接*/

鼠标光标样式：

链接手指 CURSOR: hand

十字体 cursor:crosshair

箭头朝下 cursor:s-resize

十字箭头 cursor:move

箭头朝右 cursor:move

加一问号 cursor:help

箭头朝左 cursor:w-resize

箭头朝上 cursor:n-resize

箭头朝右上 cursor:ne-resize

箭头朝左上 cursor:nw-resize

文字I型 cursor:text

箭头斜右下 cursor:se-resize

箭头斜左下 cursor:sw-resize

漏斗 cursor:wait

光标图案(IE6) p{cursor:url("光标文件名.cur"),text;}

六、CSS框线一览表：

border-top: 1px solid#6699cc;/*上框线*/

border-bottom: 1px solid#6699cc;/*下框线*/

border-left: 1px solid#6699cc;/*左框线*/

border-right: 1px solid#6699cc;/*右框线*/

以上是建议书写方式,但也可以使用常规的方式如下:

border-top-color:#369/*设置上框线top颜色*/

border-top-width:1px/*设置上框线top宽度*/

border-top-style: solid/*设置上框线top样式*/

其他框线样式

solid/*实线框*/

dotted/*虚线框*/

double/*双线框*/

groove/*立体内凸框*/

ridge/*立体浮雕框*/

inset/*凹框*/

outset/*凸框*/

七、CSS表单运用：

文字方块<input type="text" name="T1" size="15">

按钮<input type="submit" value="submit" name="B1">

复选框<input type="checkbox" name="C1">

选择钮<input type="radio" value="V1" checked name="R1">

多行文字方块<textarea rows="1" name="S1" cols="15"></textarea>

下拉式菜单<select size="1" name="D1"><option>选项1</option>

<option>选项2</option></select>

八、CSS边界样式：

margin-top:10px;/*上边界*/

margin-right:10px;/*右边界值*/

margin-bottom:10px;/*下边界值*/

margin-left:10px;/*左边界值*/

九、CSS边框空白

padding-top:10px;/*上边框留空白*/

padding-right:10px;/*右边框留空白*/

padding-bottom:10px;/*下边框留空白*/

padding-left:10px;/*左边框留空白*/

css样式的属性。

一、字体属性

与字体有关的属性包括：font-family,font-style,font-variant,font-weight,

font-size,font。执行顺序是：font-style,font-variant,font-weight,font-size

1、font-family:如果字体的名称中含有空格，那么要加上双引号。

2、font-style:normal|italic|oblique

3、font-variant:normal|small-caps

4、font-weight:normal|bold|bolder|lighter|100|200|300|400|500|600|700|800|900

normal相当于400，bold相当于700

5、font-size:absolute-size|relative-size|length|percentage

absolute-size:xx-small|x-small|small|medium|large|x-large|xx-large

relative-size:larger|smaller

6、font:font-style|font-variant|font-weight|font-size|line-height|font-family

font属性可以一次定义前边提到的所有的字体属性。

二、颜色和背景属性

1、color:一般指前景色。

2、background-color:背景色。

3、background-image:

body{background-image:url(marble.jpg)}

4、background-repeat:repeat|repeat-x|repeat-y|no-repeat

body{background-image:url(marble.jpg);background-repeat:repeat-y}

5、background-attachment:scroll|fixed

设置文字在背景图案上面滚动，背景图案保持固定不动用fixed.

6、background-position:percentage|length{1,2}|top|center|bottom|left|center|right

7、background:background-color|background-image|background-repeat|background-attachment|background-position

可以一次设置前面的所有的有关背景的属性。如body{background:white url(bg.jpg)}

三、文本属性

1、word-spacing:normal|length

2、letter-spacing:normal|length

3、text-decoration:none|underline|overline|line-through|blink

4、vertical-align:baseline|sub|super|top|text-top|middle|bottom|text-bottom|percentage

这个属性用来对齐图片效果特别好。如image{vertical-align:baseline}

5、text-transform:capitalize|uppercase|lowercase|none

capitalize:每个单词的第一个字母大写。

uppercase:所有字都大写。

lowercase:所有字都小写。

6、text-align:left|right|center|justify

7、text-indent:length|percentage

适用于块级元素，定义文本首行的缩进方式。如p{text-indent:1cm}

8、line-height:normal|number|length|percentage

四、容器属性

1、margin-top:length|percentage|auto

如body{margin-top:0}

2、margin-right:同上

3、margin-bottom:同上

4、margin-left:同上

5、margin:length|percentage|auto{1,4}

前四个属性都可以用margin来定义。如果给出的值少于四个，那么缺失的部分就取其对边的值。

关于css属性大全中文对照表到此分享完毕，希望能帮助到您。