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 Baline|sub|super|top|text-top|middle|bottom|text-bottom| Capitalize|upperca| lowerca|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属性:
1、媒体(Media)类型
样式单的一个最重要的特点就是它可以作用于多种媒体,比如页面、屏幕、电子合成器等等。特定的属性只能作用于特定的媒体,如"font-size"属性只对可卷动的媒体类型有效(屏幕)。
声明一个媒体属性可以用@import或@media引入:
@import url(loudvoice.css) speech;
@media print {
/* style sheet for print goes here */
}
也可以在文档标记中引入媒体:
<LINK rel="stylesheet" type="text/css" media="print" href="foo.css">
可以看出,@import和@media的区别在于,前者引入外部的样式单用于媒体类型,后者直接引入媒体属性。@import的使用方法是@import加样式单文件的URL地址再加媒体类型,可以多个媒体共用一个样式单,媒体类型之间用","分割符分开。@media用法则是把媒体类型放在前面,其他规则和rule-t基本一样。下面列出各种媒体类型:
SCREEN:指计算机屏幕。
PRINT:指用于打印机的不透明介质。
PROJECTION:指用于显示的项目。
BRAILLE:盲文系统,指有触觉效果的印刷品。
AURAL:指语音电子合成器。
TV:指电视类型的媒体。
HANDHELD:指手持式显示设备(小屏幕,单色)
ALL:适合于所有媒体。
2、BOX模型(BOX Model)属性
什么是BOX?CSS把HTML中以<somesign>……</somesign>的部分称为BOX(容器),BOX有三类属性:padding、margin和border。
Margin属性:
Margin属性分为margin-top、margin-right、margin-bottom、margin-left和margin五个属性,分别表示BOX里内容离边框的距离,它的属性值是数值单位,可以是长度、百分比或auto,margin甚至可以设为负值,造成BOX与BOX之间的重叠显示,关于margin的属性详见下表:
属性名称: 'margin-top'、'margin-right'、'margin-bottom'、'margin-left'
属性值: <margin-width>
初始值: 0
适合对象: 所有元素
是否继承: no
百分比备注: 相对于BOX的宽度
例如:
H1 { margin-top: 2em }
H2 { margin-right: 12.3% }
Margin还有一个快捷的书写方法,就是直接用margin属性,例如:
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 } /* 上margin为1em,右左margin为2em,下margin为3em*/
Padding属性:
Padding属性用来描述BOX吃猫肉的禁忌的边框和内容之间插入多少空间,和margin属性类似,它也分为上右下左和一个快捷方式padding,关于padding的属性详见下表:
属性名称: 'padding-top'、'padding-right'、'padding-bottom'、'padding-left' 、'padding'
属性值: <padding-width>
初始值: 0
适合对象: 所有元素
是否继承: no
百分比备注: 相对于BOX的宽度
例如:
BLOCKQUOTE { padding-top: 0.3em }