CSS属性规则总结
来源:互联网 发布:淘宝经典乔丹 编辑:程序博客网 时间:2024/06/05 10:04
CSS 背景属性
属性
描述
值
IE
F
N
W3C
background
简写属性,作用是将背景属性设置在一个声明中。
background-color
background-image
background-repeat
background-attachment
background-position
4
1
6
1
background-attachment
背景图像是否固定或者随着页面的其余部分滚动。
scroll
fixed
4
1
6
1
background-color
设置元素的背景颜色。
color-rgb
color-hex
color-name
transparent
4
1
4
1
background-image
把图像设置为背景。
url
none
4
1
4
1
background-position
设置背景图像的起始位置。
top left
top center
top right
center left
center center
center right
bottom left
bottom center
bottom right
x-% y-%
x-pos y-pos
4
1
6
1
background-repeat
设置背景图像是否及如何重复。
repeat
repeat-x
repeat-y
no-repeat
4
1
4
1
CSS 边框属性 (border)
属性
描述
值
IE
F
N
W3C
border
简写属性。作用是在一个声明中用来设置四个边框的所有属性。
border-width
border-style
border-color
4
1
4
1
border-bottom
简写属性。作用是在一个声明中用来设置下边框的所有属性。
border-bottom-width
border-style
border-color
4
1
6
1
border-bottom-color
设置下边框的颜色。
border-color
4
1
6
2
border-bottom-style
设置下边框的样式。
border-style
4
1
6
2
border-bottom-width
设置下边框的宽度。
thin
medium
thick
length
4
1
4
1
border-color
设置四个边框的颜色,可以设置一到四个颜色。
color
4
1
6
1
border-left
简写属性。用于在一个声明中设置左边框的所有属性。
border-left-width
border-style
border-color
4
1
6
1
border-left-color
设置左边框的颜色。
border-color
4
1
6
2
border-left-style
设置左边框的样式。
border-style
4
1
6
2
border-left-width
设置左边框的宽度。
thin
medium
thick
length
4
1
4
1
border-right
简写属性。将所有用于右边框的属性设置于一个声明中。
border-right-width
border-style
border-color
4
1
6
1
border-right-color
设置右边框的颜色
border-color
4
1
6
2
border-right-style
设置右边框的样式
border-style
4
1
6
2
border-right-width
设置右边框的宽度。
thin
medium
thick
length
4
1
4
1
border-style
设置四个边框的样式,可以设置一到四个样式。
none
hidden
dotted
dashed
solid
double
groove
ridge
inset
outset
4
1
6
1
border-top
简写属性。将所有用于上边框的属性设置于一个声明中。
border-top-width
border-style
border-color
4
1
6
1
border-top-color
设置上边框的颜色。
border-color
4
1
6
2
border-top-style
设置上边框的样式。
border-style
4
1
6
2
border-top-width
设置上边框的宽度。
thin
medium
thick
length
4
1
4
1
border-width
简写属性。在一个声明中设置四个边框的宽度,可以设置一到四个值。
thin
medium
thick
length
4
1
4
1
CSS 文本属性
属性
描述
值
IE
F
N
W3C
color
设置文本颜色。
color
3
1
4
1
direction
设置文本方向。
ltr
rtl
6
1
6
2
letter-spacing
设置字符间距。
normal
length
4
1
6
1
text-align
对齐元素中的文本。
left
right
center
justify
4
1
4
1
text-decoration
向文本添加修饰。
none
underline
overline
line-through
blink
4
1
4
1
text-indent
缩进元素中文本的首行。
length
%
4
1
4
1
text-shadow
none
color
length
text-transform
控制元素中的字母。
none
capitalize
uppercase
lowercase
4
1
4
1
unicode-bidi
设置文本方向。
normal
embed
bidi-override
5
2
white-space
设设置元素中空白的处理方式。
normal
pre
nowrap
5
1
4
1
word-spacing
设置字间距。
normal
length
6
1
6
1
CSS 字体属性 (font)
属性
描述
值
IE
F
N
W3C
font
简写属性。作用是将所有针对字体的属性设置在一个声明中。
font-style
font-variant
font-weight
font-size/line-height
font-family
caption
icon
menu
message-box
small-caption
status-bar
4
1
4
1
font-family
字体类型名称或者针对某元素的类属族名名称的优先列表。
family-name
generic-family
3
1
4
1
font-size
设置字体的尺寸。
xx-small
x-small
small
medium
large
x-large
xx-large
smaller
larger
length
%
3
1
4
1
font-size-adjust
为元素规定 aspect 值。
none number
-
-
-
2
font-stretch
收缩或拉伸当前的字体族。
normal
wider
narrower
ultra-condensed
extra-condensed
condensed
semi-condensed
semi-expanded
expanded
extra-expanded
ultra-expanded
-
-
-
2
font-style
设置字体样式。
normal
italic
oblique
4
1
4
1
font-variant
以小型小写字体或者正常字体显示文本
normal
small-caps
4
1
6
1
font-weight
设置字体的粗细。
normal
bold
bolder
lighter
100
200
300
400
500
600
700
800
900
4
1
4
1
CSS 外边距属性 (margin)
属性
描述
值
IE
F
N
W3C
margin
简写属性。在一个声明中设置外边距属性。
margin-top
margin-right
margin-bottom
margin-left
4
1
4
1
margin-bottom
设置元素的下外边距。
auto
length
%
4
1
4
1
margin-left
设置元素的左外边距。
auto
length
%
3
1
4
1
margin-right
设置元素的右外边距。
auto
length
%
3
1
4
1
margin-top
设置元素的上外边距。
auto
length
%
3
1
4
1
CSS 内边距属性 (padding)
属性
描述
值
IE
F
N
W3C
padding
简写属性。作用是在一个声明中设置元素的内边距属性。
padding-top
padding-right
padding-bottom
padding-left
4
1
4
1
padding-bottom
设置元素的下内边距。
length
%
4
1
4
1
padding-left
设置元素的左内边距。
length
%
4
1
4
1
padding-right
设置元素的右内边距。
length
%
4
1
4
1
padding-top
设置元素的上内边距。
length
%
4
1
4
1
CSS 列表属性 (list)
属性
描述
值
IE
F
N
W3C
list-style
简写属性。用于将所有用于列表的属性设置于一个声明之中。
list-style-type
list-style-position
list-style-image
4
1
6
1
list-style-image
将图象设置为列表项标记。
none
url
4
1
6
1
list-style-position
设置列表中列表项标记被放置的位置。
inside
outside
4
1
6
1
list-style-type
设置列表项标记的类型。
none
disc
circle
square
decimal
decimal-leading-zero
lower-roman
upper-roman
lower-alpha
upper-alpha
lower-greek
lower-latin
upper-latin
hebrew
armenian
georgian
cjk-ideographic
hiragana
katakana
hiragana-iroha
katakana-iroha
4
1
4
1
marker-offset
auto
length
1
7
2
内容生成
属性
描述
值
IE
F
N
W3C
content
生成文档中的内容。与 :before 以及 :after 伪元素配合使用。
string
url
counter(name)
counter(name, list-style-type)
counters(name, string)
counters(name, string, list-style-type)
attr(X)
open-quote
close-quote
no-open-quote
no-close-quote
1
6
2
counter-increment
设置某个选取器每次出现的计数器增量。
none
identifier number
2
counter-reset
设置某个选择器出现次数的计数器的值。
none
identifier number
2
quotes
设置引号的类型。
none
string string
-
1
6
2
轮廓
属性
描述
值
IE
F
N
W3C
outline
简写属性。用来在一个声明中设置所有的 outline 属性。
outline-color
outline-style
outline-width
-
1.5
-
2
outline-color
设置围绕元素的轮廓的颜色。
color
invert
-
1.5
-
2
outline-style
设置围绕元素的轮廓的样式。
none
dotted
dashed
solid
double
groove
ridge
inset
outset
-
1.5
-
2
outline-width
设置围绕元素的轮廓的宽度。
thin
medium
thick
length
-
1.5
-
2
CSS 尺寸属性 (Dimension)
属性
描述
值
IE
F
N
W3C
height
设置元素高度。
auto
length
%
4
1
6
1
line-height
设置行间距。
normal
number
length
%
4
1
4
1
max-height
设置元素的最大高度。
none
length
%
-
1
6
2
max-width
设置元素的最大宽度。
none
length
%
-
1
6
2
min-height
设置元素的最小高度。
length
%
-
1
6
2
min-width
设置元素的最小宽度。
length
%
-
1
6
2
width
设置元素的宽度。
auto
%
length
4
1
4
1
CSS 分类属性 (Classification)
属性
描述
值
IE
F
N
W3C
clear
设置不允许存在浮动对象的边
left
right
both
none
4
1
4
1
cursor
规定光标类型(形状)
url
auto
crosshair
default
pointer
move
e-resize
ne-resize
nw-resize
n-resize
se-resize
sw-resize
s-resize
w-resize
text
wait
help
4
1
6
2
display
设置如何及是否显示某元素
none
inline
block
list-item
run-in
compact
marker
table
inline-table
table-row-group
table-header-group
table-footer-group
table-row
table-column-group
table-column
table-cell
table-caption
4
1
4
1
float
设置图像或文本出现于另一元素中的何处
left
right
none
4
1
4
1
position
元素的定位方式:静态、相对定位、绝对定位、固定定位
static
relative
absolute
fixed
4
1
4
2
visibility
设置元素可见或不可见
visible
hidden
collapse
4
1
6
2
CSS 定位属性 (Positioning)
属性
描述
值
IE
F
N
W3C
bottom
设置定位元素下外边距边界与其包含块下边界之间的偏移。
auto
%
length
5
1
6
2
clip
设置元素的形状。
shape
auto
4
1
6
2
left
设置定位元素左外边距边界与其包含块左边界之间的偏移。
auto
%
length
4
1
4
2
overflow
设置当元素的内容溢出其区域时发生的事情。
visible
hidden
scroll
auto
4
1
6
2
position
把元素放置到一个静态的、相对的、绝对的、或固定的位置中。
static
relative
absolute
fixed
4
1
4
2
right
设置定位元素右外边距边界与其包含块右边界之间的偏移。
auto
%
length
5
1
6
2
top
设置定位元素的上外边距边界与其包含块上边界之间的偏移。
auto
%
length
4
1
4
2
vertical-align
设置元素的垂直排列。
baseline
sub
super
top
text-top
middle
bottom
text-bottom
length
%
4
1
4
1
z-index
设置元素的堆叠顺序。
auto
number
4
1
6
2
CSS 表格属性
属性
描述
border-collapse
设置是否把表格边框合并为单一的边框。
border-spacing
设置分隔单元格边框的距离。(仅用于 "separated borders" 模型)
caption-side
设置表格标题的位置。
empty-cells
设置是否显示表格中的空单元格。(仅用于 "separated borders" 模型)
table-layout
设置显示单元、行和列的算法。
CSS 伪类
伪类
作用
IE
F
N
W3C
:active
将样式添加到被激活的元素。
4
1
8
1
:focus
将样式添加到被选中的元素。
-
-
-
2
:hover
当鼠标悬浮在元素上方时,向元素添加样式。
4
1
7
1
:link
将特殊的样式添加到未被访问过的链接。
3
1
4
1
:visited
将特殊的样式添加到被访问过的链接。
3
1
4
1
:first-child
将特殊的样式添加到元素的第一个子元素。
1
7
2
:lang
允许创作者来定义指定的元素中使用的语言。
1
8
2
CSS 伪元素
伪元素
作用
IE
F
N
W3C
:first-letter
向文本的第一个字母添加特殊样式。
5
1
8
1
:first-line
向文本的首行添加特殊样式。
5
1
8
1
:before
在元素内容之前插入内容。
1.5
8
2
:after
在元素内容之后插入内容。
1.5
8
2
- CSS属性规则总结
- CSS positon 属性总结
- CSS重要属性总结
- css常用属性总结
- CSS属性总结
- css属性 知识总结
- 常用CSS属性总结
- css属性总结
- 1.CSS字体属性简写规则
- CSS 规则,布局,背景颜色,Color属性
- CSS学习--CSS属性书写顺序和命名规则
- CSS的“层叠”规则的总结
- css常用样式属性总结
- CSS属性总结(未完待续)
- CSS中position属性总结
- CSS一些常用属性总结
- CSS溢出相关属性总结
- 高效CSS属性简写总结
- 用NBear的生成实体设计代码工具连接ORACLE数据库时,只列出了数据库中所有的视图,没有列出表的问题
- 从JAVA向C++转变并不那么简单
- windows 中 gdi 函数 pie
- .net 环境下 无法找到该页面 的解决办法
- Asterisk+freePbx+A2Billing搭建企业VOIP通讯平台
- CSS属性规则总结
- Java平台UC浏览器6.7发布啦
- 魔方和软件招聘的笑话
- 全球绿化最好的农村公路(图)
- log4j手册
- 常用软件列表
- 关于Response.redirect和Response.End出现线程中止异常的处理
- Head First C# 中文版 第13章 控件和图形 page563
- 存储过程在数据库中的作用是什么