css属性列表 和 属性值含义.docx
- 文档编号:2187150
- 上传时间:2022-10-27
- 格式:DOCX
- 页数:20
- 大小:26.44KB
css属性列表 和 属性值含义.docx
《css属性列表 和 属性值含义.docx》由会员分享,可在线阅读,更多相关《css属性列表 和 属性值含义.docx(20页珍藏版)》请在冰豆网上搜索。
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
Margin
填充距属性
Padding-top
Padding-right
Padding-bottom
Padding-left
Padding
边框属性
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)属性
属性含义
使用什么字体
字体是否斜体
是否用小体大写
字体的粗细
字体的大小
定义前景色
定义背景色
定义背景图案
重复方式
设置滚动
初始位置
单词之间的间距
字母之间的间距
文字的装饰样式
垂直方向的位置
文本转换
对齐方式
首行的缩进方式
文本的行高
分别设置上右下左,一个值设置全部
顶端边距
右侧边距
底端边距
左侧边距
同Margin
顶端填充距
右侧填充距
底端填充距
左侧填充距
顶端边框宽度
右侧边框宽度
底端边框宽度
左侧边框宽度
一次定义宽度
设置边框颜色
设置边框样式
一次定义顶端
一次定义右侧
一次定义底端
一次定义左侧
定义宽度属性
定义高度属性
文字环绕
哪一边环绕
定义是否显示
怎样处理空白
加项目编号
加图案
第二行起始位置
一次定义列表
自动
定位“十”字
默认指针
手形
移动
箭头朝右方
箭头朝右上方
箭头朝左上方
箭头朝上方
箭头朝右下方
箭头朝左下方
箭头朝下方
箭头朝左方
文本“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
同上
None|underline|overline|line-
through|blink
Baseline|sub|super|top|text-top|middle|bottom|text-bottom|
Capitalize|uppercase|
lowercase|none
Left|right|center|justify
Normal|
Length|percentage|auto
同上
同上
同上
Length|percentage
同上
同上
同上
同Margin
Thin|medium|thick|length
同上
同上
同上
同上
Color
None|dotted|dashed|dash|solid|double|groove|ridge|inset|outset等
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等
Inside、outside
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引入:
@importurl(loudvoice.css)speech;
@mediaprint{
/*stylesheetforprintgoeshere*/
}
也可以在文档标记中引入媒体:
可以看出,@import和@media的区别在于,前者引入外部的样式单用于媒体类型,后者直接引入媒体属性。
@import的使用方法是@import加样式单文件的URL地址再加媒体类型,可以多个媒体共用一个样式单,媒体类型之间用","分割符分开。
@media用法则是把媒体类型放在前面,其他规则和rule-set基本一样。
下面列出各种媒体类型:
SCREEN:
指计算机屏幕。
PRINT:
指用于打印机的不透明介质。
PROJECTION:
指用于显示的项目。
BRAILLE:
盲文系统,指有触觉效果的印刷品。
AURAL:
指语音电子合成器。
TV:
指电视类型的媒体。
HANDHELD:
指手持式显示设备(小屏幕,单色)
ALL:
适合于所有媒体。
2、BOX模型(BOXModel)属性
什么是BOX?
CSS把HTML中以
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'
属性值:
初始值:
0
适合对象:
所有元素
是否继承:
no
百分比备注:
相对于BOX的宽度
例如:
H1{margin-top:
2em}
H2{margin-right:
12.3%}
Margin还有一个快捷的书写方法,就是直接用margin属性,例如:
BODY{margin:
1em2em3em2em}
等同于:
BODY{
margin-top:
1em;
margin-right:
2em;
margin-bottom:
3em;
margin-left:
2em;
}
margin属性后面可以有四个值,中间用空格隔开(记住不是逗号),顺序是"上右下左",当然margin后面可以不足四个值,例如:
BODY{margin:
2em}/*所有的margin都设为2em*/
BODY{margin:
1em2em}/*上下margin为1em,右左margin为2em*/
BODY{margin:
1em2em3em}/*上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类似此处略去。
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-right-color、border-bottom-color、
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- css属性列表 属性值含义 css 属性 列表 含义
![提示](https://static.bdocx.com/images/bang_tan.gif)