css属性列表 和 属性值含义

《css属性列表 和 属性值含义》由会员分享，可在线阅读，更多相关《css属性列表 和 属性值含义（18页珍藏版）》请在金锄头文库上搜索。

1、css属性列表和属性值含义css属性列表属性名称属性含义属性值字体属性（Fo nt）fon t-family使用什么字体所有的字体fon t-style字体是否斜体Normal、italic、obliquefon t-varia nt是否用小体大Normal、small-capsfon t-weight写Normal、bold、bolder、lithter 等fon t-size字体的粗细Absolute-size、relative-size length、颜色和背景属性字体的大小percentage 等Color颜色Backgro un d-color定义前景色颜色Backgro un d-

2、image定义背景色路径Backgro un d-repeat定义背景图案Repeat-x、repeat-y、no-repeatBackgro un d-attachme nt重复方式Scroll、FixedBackgro un d-positi on设置滚动Percentage、length、top、left、文本属性初始位置right、bottom 等Word-spac ingNormal Letter-spac ing单词之间的间同上Text-decorati on距None|un derl in e|overl in e|li ne-字母之间的间through|bli nkVertic

3、al-alig n距Baseli ne|sub|super|top|text-top|middl文字的装饰样e|bottom|text-bottom|Text-tra nsform式Capitalize|uppercase| lowercase |noneText-alig n垂直方向的位Left|right|ce nter|justifyText-i ndent置|vperce ntageLin e-heightNormal|vle ngth|边距属性文本转换vperce ntage对齐方式Margi n-top首行的缩进方Len gth|perce ntage|autoMargi n-ri

4、ght式同上Margi n-bottom文本的彳丁咼同上Marg in-left同上Margi n分别设置上右 下左，一个值设置全部填充距属性Padd in g-topPadd in g-right Paddi ng-bottomPadd in g-leftPadd ing顶端边距 右侧边距 底端边距 左侧边距 同 Marg inLen gth|perce ntage同上同上同上同 Marg in边框属性Border-top-width顶端填充距Thin |medium|thick|le ngthBorder-right-width右侧填充距同上Border-bottom-width底端填充距

5、同上Border-left-width左侧填充距同上Border-width同上Border-colorColorBorder-style顶端边框宽度Non e|dotted|dashed|dash|solid|doublBorder-top右侧边框宽度e|groove|ridge|inset|outset 等Border-right底端边框宽度Border-top-width|color 等Border-bottom左侧边框宽度同上Border-left一次定义宽度同上Width设置边框颜色同上Height设置边框样式Len gth|perce ntage|autoFloat一次定义顶端Le

6、n gth|autoClear一次定义右侧Left|right| none一次定义底端Left|right| non e|both分级属性一次定义左侧Display定义宽度属性White-space定义咼度属性Block、inline、list-item、noneList-style-type文字环绕Normal、pre、no wrapList-style-image哪一边环绕Disc、circle、square 等List-style-positi on |noneList-styleIn side、outside定义是否显示vkeyword|vpositi on |vurl鼠标（Curso

7、r）属性怎样处理空白加项目编号 加图案Auto第二行起始位Crosshair置Default一次定义列表Ha nd自动Move e-resize Ne-resize定位“十”字Nw-resize默认指针n-resize箭头朝右方Se-resize Sw-resize s-resize w-resize Text WaitHelp手形 移动 箭头朝右上方 箭头朝左上方 箭头朝上方 箭头朝右下方 箭头朝左下方 箭头朝下方 箭头朝左方文本“I”形 等待帮助CSS属性：1、媒体（Media）类型样式单的一个最重要的特点就是它可以作用于多种媒体，比如页面、屏幕、电子合成器等等。特定的属性 只能作用于特定

8、的媒体，如font-size属性只对可卷动的媒体类型有效（屏幕）。声明一个媒体属性可以用import或media引入：import url（loudvoice.css） speech;media print /* style sheet for print goes here */也可以在文档标记中引入媒体：可以看出，import和media的区别在于，前者引入外部的样式单用于媒体类型，后者直接引入媒体属 性。import的使用方法是import加样式单文件的URL地址再加媒体类型，可以多个媒体共用一个样式 单，媒体类型之间用，分割符分开。media用法则是把媒体类型放在前面，其他规则和rul

9、e-set基本一 样。下面列出各种媒体类型：SCREEN：指计算机屏幕。PRINT：指用于打印机的不透明介质。PROJECTION：指用于显示的项目。BRAILLE：盲文系统，指有触觉效果的印刷品。AURAL：指语音电子合成器。TV：指电视类型的媒体。HANDHELD：指手持式显示设备（小屏幕，单色）ALL：适合于所有媒体。2、BOX 模型（BOX Model）属性什么是BOX? CSS把HTML中以.的部分称为BOX （容器），BOX有三类属 性：padding、margin 和 border。Margin 属性：Margin 属性分为 margin-top、margin-right, ma

10、rgin-bottom、margin-left 和 margin 五个属性，分别 表示BOX里内容离边框的距离，它的属性值是数值单位，可以是长度、百分比或auto, margin甚至可以 设为负值，造成BOX与BOX之间的重叠显示，关于margin的属性详见下表： 属性名称：margin-top、margin-right、margin-bottom、margin-left属性值：初始值:0适合对象：所有元素是否继承：no百分比备注：相对于BOX的宽度例如：H1 margin-top: 2em H2 margin-right: 12.3% Margin还有一个快捷的书写方法，就是直接用margi

11、n属性，例如：BODY margin: 1em 2em 3em 2em等同于：BODY margin-top:1em; margin-right:2em;margin-bottom:3em; margin-left:2em;margin属性后面可以有四个值，中间用空格隔开（记住不是逗号），顺序是上右下左”，当然margin后面 可以不足四个值，例如：BODY margin: 2em /* 所有的 margin 都设为2em */BODY margin: 1em 2em /* 上下 margin 为 1em，右左 margin 为2em */BODY margin: 1em 2em 3em /*

12、 上 margin 为 1em，右左 margin 为2em，下 margin 为3em*/Padding 属性：Padding属性用来描述BOX的边框和内容之间插入多少空间，和margin属性类似，它也分为上右下左和 一个快捷方式padding，关于padding的属性详见下表：属性名称：padding-top、padding-right、padding-bottom、padding-left、padding属性值:初始值:0适合对象：所有元素是否继承：no百分比备注：相对于BOX的宽度例如：BLOCKQUOTE padding-top: 0.3em padding属性和margin类似此处

13、略去。Border 属性：平时我们在查看HTML文档时，看到一段文字，并不会把它当作一个BOX，实际上BOX是有边框的，只 是平时不显示出来罢了，而border属性就是用来描述BOX边框的。Border属性分为border-width、 border-color和border-style，而这些属性下面又有分支。border-width 属性：border-width 属性又分为：border-top-width, border-right-width、border-bottom-width、border-left-width 和 border-width 属性,border-width 用长度表示为thin/medium/thick或长度单位表示, 下面是border-width属性的详细列表：属性名称：border-top-width、border-right-width、border-bottom-width、border-left-width、border-width 属性值：初始值:medium适合对象：所有元素是否继承：no百分比备注：被禁止border-width为快捷方式，顺序为上右下左，值之间用空格隔开。border-color 属性：border-color 属性用来显示 BOX 边框颜色，分为 border-top-color、border-