CSS属性含义列表(全)

更新时间:2023-07-29 19:33:03 阅读: 评论:0

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”形
等待
帮助
属性值


所有的字体
Normalitalicoblique
Normalsmall-caps
Normalboldbolderlithter
Absolute-size非也、relative-sizelengthpercentage


颜色
颜色
路径
Repeat-xrepeat-yno-repeat
ScrollFixed
Percentagelengthtopleft
rightbottom

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


Blockinlinelist-itemnone
Normalprenowrap
Disccirclesquare
<url>|none
Insideoutside
<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:适合于所有媒体。
2BOX模型(BOX Model)属性

什么是BOXCSSHTML中以<somesign>……</somesign>的部分称为BOX(容器),BOX有三类属性:paddingmarginborder
Margin属性:
Margin属性分为margin-topmargin-rightmargin-bottommargin-leftmargin五个属性,分别表示BOX里内容离边框的距离,它的属性值是数值单位,可以是长度、百分比或automargin甚至可以设为负值,造成BOXBOX之间的重叠显示,关于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 } /* 上下margin1em,右左margin2em */
BODY { margin: 1em 2em 3em } /* margin1em,右左margin2em,下margin3em*/
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 }

本文发布于:2023-07-29 19:33:03,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/fan/89/1101155.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:属性   媒体   类型
相关文章
留言与评论(共有 0 条评论)
   
验证码:
推荐文章
排行榜
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图