css参考手册(完美整理版)

合集下载

CSS选择器参考手册

CSS选择器参考手册

目录CSS 选择器参考手册........................................... 错误!未定义书签。

CSS .class 选择器................................................. 错误!未定义书签。

CSS #id 选择器..................................................... 错误!未定义书签。

CSS *选择器......................................................... 错误!未定义书签。

CSS element选择器........................................... 错误!未定义书签。

CSS element,element选择器.......................... 错误!未定义书签。

CSS element element选择器........................ 错误!未定义书签。

CSS element>element 选择器........................ 错误!未定义书签。

CSS element+element选择器........................ 错误!未定义书签。

CSS element+element选择器........................ 错误!未定义书签。

CSS [attribute] 选择器....................................... 错误!未定义书签。

CSS :visited 选择器............................................. 错误!未定义书签。

CSS :active 选择器.............................................. 错误!未定义书签。

CSS用户手册(已精心整理)

CSS用户手册(已精心整理)

一、CSS背景属性(Background)background简写属性在一个声明中设置所有的背景属性。

{backgroud:background-color;background-image;background-repeat ;background-attachment;background-position;}∙background-color:redrgb(255,255,255)#000000设置背景颜色∙background-image:url(bgimage.gif);(值为图片的路径)设置背景图像∙background-repeat:设置图像的排列repeat 默认。

背景图像将在垂直方向和水平方向重复。

repeat-x 背景图像将在水平方向重复。

repeat-y 背景图像将在垂直方向重复。

no-repeat 背景图像将仅显示一次。

inherit 规定应该从父元素继承background-repeat 属性的设置。

∙background-attachment:设置背∙图像是否固定或者随着页面的其余部分滚动。

scroll 默认值。

背景图像会随着页面其余部分的滚动而移动。

fixed 当页面的其余部分滚动时,背景图像不会移动。

inherit 规定应该从父元素继承background-attachme nt属性的设置。

∙background-position:topleft;x%y%;5px50px设置背景图像的起始位置。

∙∙景二、CSS边框属性(Border和Outline)border:简写属性在一个声明设置所有的边框属性{border:border-width;border-color;border-style;}border-width:设置边框宽度*thin定义细的边框*medium 默认。

定义中等的边框。

*thick 定义粗的边框。

*length允许您自定义边框的宽度。

(15px) *inherit 规定应该从父元素继承边框宽度。

css3 手册所有

css3 手册所有

css3 手册所有一、引言CSS(层叠样式表)是一种用于描述文档样式的标记语言,具体包括字体、颜色、布局等方面的样式定义。

CSS3是CSS的最新版本,是Web开发中常用的样式定义语言之一。

本手册将详细介绍CSS3的各项属性及其使用方法。

二、选择器1. 元素选择器元素选择器是CSS中最常用的选择器之一,通过元素名称来选择文档中的元素。

例如,使用`p`选择器可以选择所有的`<p>`标签。

2. 类选择器类选择器用于选择带有特定类名的元素。

通过在类名前面加上点号(.),例如`.red`,可以选择具有`red`类的元素。

3. ID选择器ID选择器用于选择具有特定ID的元素。

通过在ID名称前面加上井号(#),例如`#header`,可以选择具有`header`的ID的元素。

4. 属性选择器属性选择器用于选择具有特定属性值的元素。

通过在属性名前加上方括号([]),例如`[type="text"]`,可以选择type属性值为"text"的元素。

5. 伪类选择器伪类选择器用于选择元素的特殊状态。

常见的伪类选择器有`hover`、`active`和`visited`等。

6. 伪元素选择器伪元素选择器用于在文档中添加不存在的元素并为其添加样式。

常见的伪元素选择器有`::before`和`::after`等。

三、文本样式1. 字体可以使用`font-family`属性设置元素的字体。

例如,`font-family: Arial, sans-serif;`可以设置字体为Arial。

2. 颜色可以使用`color`属性设置元素的文本颜色。

例如,`color: red;`可以将文本颜色设置为红色。

3. 背景可以使用`background-color`属性设置元素的背景颜色。

例如,`background-color: #f1f1f1;`可以将背景颜色设置为浅灰色。

四、盒子模型1. 尺寸可以使用`width`和`height`属性设置元素的宽度和高度。

css参考手册(完美整理版)

css参考手册(完美整理版)

CSS 背景属性(Background)属性描述CSS background在一个声明中设置所有的背景属性。

1 background-attachment设置背景图像是否固定或者随着页面的其余部分滚动。

1 background-color设置元素的背景颜色。

1 background-image设置元素的背景图像。

1 background-position设置背景图像的开始位置。

1 background-repeat设置是否及如何重复背景图像。

1CSS 边框属性(Border 和Outline)属性描述CSS border在一个声明中设置所有的边框属性。

1 border-bottom在一个声明中设置所有的下边框属性。

1 border-bottom-color设置下边框的颜色。

2 border-bottom-style设置下边框的样式。

2 border-bottom-width设置下边框的宽度。

1 border-color设置四条边框的颜色。

1 border-left在一个声明中设置所有的左边框属性。

1 border-left-color设置左边框的颜色。

2 border-left-style设置左边框的样式。

2 border-left-width设置左边框的宽度。

1 border-right在一个声明中设置所有的右边框属性。

1 border-right-color设置右边框的颜色。

2 border-right-style设置右边框的样式。

2 border-right-width设置右边框的宽度。

1 border-style设置四条边框的样式。

1 border-top在一个声明中设置所有的上边框属性。

1 border-top-color设置上边框的颜色。

2 border-top-style设置上边框的样式。

2 border-top-width设置上边框的宽度。

CSS语法经典手册(CSS指导手册)

CSS语法经典手册(CSS指导手册)

CSS语法手册字体属性1、font-family×能:用于改变HTML标志或元素的字体,你可设置一个可用字体清单。

浏览器由前向后选用字体。

语×:{font-family:字体1,字体2, ... ,字体n}2、font-style×能:使文本显示为扁斜体或斜体等表示强调。

数值:normal - 正常italic - 斜体oblique - 偏斜体3、font-variant×能:用于在正常与小型大写字母字体间切换。

数值:normal - 如果该标志继承父元素的small-caps 设置,则关键字normal 将font-variant 设置为正常字体。

small-caps - 把小写字母显示为字体较小的大写字母。

4、font-weight×能:用于设置字体灰度,生成字体的深,浅版本。

数值:正常灰度- normal相对灰度- bold, bolder, light, lighter梯度灰度- 取值如下:100, 200, 300, 400(相当于normal), 500, 600, 700(相当于bold), 800, 900。

5、font-size×能:用各种度量单位控制文本字体大小。

数值:有四种数值方式绝对尺寸- 用具体字号表定义字体大小,可以取下列数值之一:xx - small, x-small, small, medium, large, x-large, xx-large。

不同字体有不同的数值。

相对尺寸- larger, smaller,产生的尺寸是相对于父容器字号而言的。

长度- 用毫米(mm),厘米(cm),英寸(in),点数(pt),象素(px),pica(pc),ex(小写字母x的高度)或em(字体高度)作为度量单位。

百分比- 相对于其父元素字体大小的百分比。

6、font×能:简写属性,提供了对字体所有属性进行设置的快捷方×。

css3教程 手册

css3教程 手册

font-weight
设置或检索对象中的文本字体的粗细
font-size
设置或检索对象中的字体尺寸
| |
设置或检索用于对象中文本的字体名称序列
] [,
<family-name>
font-stretch
condensed
|
semi-condensed
|
normal
|
设置或检索对象中的文字是否横向拉伸变形。
display
table-column-group
table-header-group | compact | run-in | ruby | ruby-base | ruby-text | ruby-base-group |
ruby-text-group | box | inline-box float none | left | right none | left | right | both 该属性的值指出了对象是否及如何浮动。请参阅 clear 属性 该属性的值指出了不允许有浮动对象的边。请参阅 float 属 性 visibility:visible | hidden | collapse 设置或检索是否显示对象。与 display 属性不同,此属性为 隐藏的对象保留其占据的物理空间 clip:auto | rect(<number>|auto clip <number>|auto <number>|auto <number>|auto) visible | hidden | scroll | auto visible | hidden | scroll | auto Overflow:<overflow-style>{1,2} <overflow-style>=visible | hidden | scroll | auto 检索或设置对象的可视区域。区域外的部分是透明的

CSS3.0参考手册

CSS3.0参考手册

示例:
使用的图片:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Language" content="utf-8" /> <meta name="robots" content="all" /> <meta name="author" content="Tencent-ISRD" /> <meta name="Copyright" content="Tencent" /> <title>Border-image</title> </head> <body>
box-shadow
Border-color
版本:CSS3 继承性:无
语法:
border-color : < color> 相关属性 :border-top-color, border-right-color, border-bottom -color , border-left-color

CSS 3.0参考手册

CSS 3.0参考手册

css3.0参考手册Table of Contents1. CSS3 Properties (3)Borders (3)Backgrounds (3)Color (3)Text effects (3)User-interface (4)Selectors (4)Basic box model (4)Generated Content (4)Other modules (4)1.1 边框(Border) (4)1.1.1 Border-color (5)1.1.2 Border-image (6)1.1.3 Border-radius (8)1.1.4 box-shadow (10)1.2 背景(Background) (11)1.2.1 background-origin (11)1.2.2 background-clip (13)1.2.3 Background-size (14)1.2.4 Multiple backgrounds (16)1.3 颜色(Color) (18)1.3.1 HSL colors (19)1.3.2 HSLA colors (20)1.3.3 opacity (21)1.3.4 RGBA colors (22)1.4 文本(Text effects) (24)1.4.1 text-shadow (24)1.4.2 text-overflow (26)1.4.3 word-wrap (27)1.5 用户界面(User-interface) (28)1.5.1 box-sizing (28)1.5.2 resize (30)1.5.3 outline (31)1.5.4 outline-width (33)1.5.5 outline-style (34)1.5.6 outline-offset (36)1.5.7 outline-color (37)1.5.8 nav-index (38)1.5.9 nav-up (40)1.5.10 nav-right (41)1.5.11 nav-down (42)1.5.12 nav-left (43)1.6 基础盒模型(Basic box model) (44)1.6.1 overflow (44)1.6.2 overflow-x (46)1.6.3 overflow-y (47)1.7 内容(Generated Content) (49)1.7.1 content (49)1.8 其它模块(Other modules) (50)1.8.1 media queries (51)1.8.2 Speech (52)1.8.3 columns (55)1.8.4 column-width (57)1.8.5 column-span (59)1.8.6 column-rule (60)1.8.7 column-rule-color (62)1.8.8 column-rule-width (64)1.8.9 column-rule-style (65)1.8.10 column-gap (68)1.8.11 column-fill (70)1.8.12 column-count (71)1.8.13 column-break-before (72)1.8.14 column-break-after (74)1.8.15 @font-face (75)2. 选择器(selectors) (77)2.1 子串匹配的属性选择符E[att^="val"] (78)2.2 子串匹配的属性选择符E[att$="val"] (79)2.3 子串匹配的属性选择符E[att*="val"] (80)2.4 结构性伪类E:root (81)2.5 结构性伪类E:nth-child(n) (82)2.6 结构性伪类E:nth-last-child(n) (83)2.7 结构性伪类E:nth-of-type(n) (84)2.8 结构性伪类E:nth-last-of-type(n) (85)2.9 结构性伪类E:last-child (86)2.10 结构性伪类E:first-of-type (87)2.11 结构性伪类E:only-child (88)2.12 结构性伪类E:only-of-type (89)2.13 结构性伪类E:empty (90)2.14 UI元素状态伪类E:checked (91)2.15 UI元素状态伪类E:enabled (92)2.16 UI元素状态伪类E:disabled (93)2.17 UI元素状态伪类E::selection (94)2.18 否定伪类E:not(s) (95)2.19 目标伪类E:target (96)2.20 通用兄弟元素选择器E ~ F (97)1. CSS3 Properties 属性列表Borders∙border-color(See 1.1.1)∙border-image(See 1.1.2)∙border-radius(See 1.1.3)∙box-shadow(See 1.1.4) Backgrounds∙background-origin(See 1.2.1)∙background-clip(See 1.2.2)∙background-size(See 1.2.3)∙multiple backgrounds(See 1.2.4) Color∙HSL colors(See 1.3.1)∙HSLA colors(See 1.3.2)∙opacity(See 1.3.3)∙RGBA colors(See 1.3.4)Text effects∙text-shadow(See 1.4.1)∙text-overflow(See 1.4.2)∙word-wrap(See 1.4.3)User-interface∙box-sizing(See 1.5.1)∙resize(See 1.5.2)∙outline(See 1.5.3)∙nav-up(See 1.5.9) , nav-right(See 1.5.10) , nav-down(See 1.5.11) , nav-left(See 1.5.12) Selectors∙attribute selectors(See 2.)Basic box model∙overflow-x(See 1.6.2) , overflow-y(See 1.6.3)Generated Content∙content(See 1.7.1)Other modules∙media queries(See 1.8.1)∙multi-column layout(See 1.2.4)∙Web fonts(See 1.8.15)∙speech(See 1.8.2)1.1 边框(Border)属性列表∙border-color(See 1.1.1)∙border-image(See 1.1.2)∙border-radius(See 1.1.3)∙box-shadow(See 1.1.4)1.1.1 Border-color继承性:无语法:border-color:<color>相关属性:border-top-color, border-right-color, border-bottom-color , border-left-color取值:<color>:颜色值。

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

rgb(x%, x%)
x%,
RGB 百分比值 (比如 rgb(100%,0%,0%))
#rrggbb
十六进制数 (比如 #ff0000)
设置上边框的样式。
设置上边框的宽度。 设置四条边框的宽度。 在一个声明中设置所有的轮廓属性。 设置轮廓的颜色。 设置轮廓的样式。 设置轮廓的宽度。
CSS 文本属性(Text)
属性 color direction letterspacing line-height
描述 设置文本的颜色。 规定文本的方向 / 书写方向。 设置字符间距。
CSS 2
2 2 2
table-layout 设置用于表格的布局算法。
CSS 伪类(Pseudo-classes)
属性 :active :focus
:hover
:link :visited :firstchild :lang
描述
向被激活的元素添加样式。
1
向拥有键盘输入焦点的元素添加样 式。
2
当鼠标悬浮在元素上方时,向元素添 加样式。
1
向未被访问的链接添加样式。
1
向已被访问的链接添加样式。
1
向元素的第一个子元素添加样式。 2
向带有指定 式。
lang
属性的元素添加样
2
CSS 伪元素(Pseudo elements)
属性
描述
CSS
:firstletter
向文本的第一个字母添加特殊 样式。
1
:first-line 向文本的首行添加特殊样式。 1
将图象设置为列表项标记。
list-styleposition
设置列表项标记的放置位置。
list-styletype
设置列表项标记的类型。
marker-offset
CSS 1 1
1
1 2
内容生成(Generated Content)
属性 content counter-
描述
CSS
与 :before 以及 :after 伪元素配合使用,来插入 生成内容。
设置元素的下外边距。
1 1 1 2 1
2 1 1
CSS 1 1 1 2 2 1 1 1
CSS 1 1
margin-left 设置元素的左外边距。
1
marginright
设置元素的右外边距。
1
margin-top 设置元素的上外边距。
1
CSS 内边距属性(Padding)
属性
描述
padding 在一个声明中设置所有内边距属性。
1
设置元素的背景颜色。
1
设置元素的背景图像。
1
设置背景图像的开始位置。
1
设置是否及如何重复背景图像。
1
CSS 边框属性(Border 和 Outline)
属性
描述
border
在一个声明中设置所有的边框属性。
border-bottom 在一个声明中设置所有的下边框属性。
border-bottomcolor
CSS 背景属性(Background)
属性
background
backgroundattachment
backgroundcolor
backgroundimage
backgroundposition
backgroundrepeat
描述
CSS
在一个声明中设置所有的背景属性。
1
设置背景图像是否固定或者随着页面的其 余部分滚动。
设置行高。
1
1 2
2
1 1 1 2
2
1 1 2 2 2 2
CSS 1 2 1 1
text-align 规定文本的水平对齐方式。
textdecoration
规定添加到文本的装饰效果。
text-indent 规定文本块首行的缩进。
text-shadow 规定添加到文本的阴影效果。
texttransform
:before 在元素之前添加内容。
2
:after 在元素之后添加内容。
2
2 CSS
打印属性
打印 HTML 文档总是会出现问题。在 CSS2 中,我们可以借助打印属性 让打印 web 内容更容易一些。
属性
描述

orphans
设置元素放在页面底部时所允许 number
marks
page
page-breakafter
CSS
2
1 2 2 1 1
2
2
position right
top
verticalalign visibility z-index
规定元素的定位类型。
2
设置定位元素右外边距边界与其包含块右边界之 间的偏移。
2
设置定位元素的上外边距边界与其包含块上边界 之间的偏移。
2
设置元素的垂直对齐方式。
1
规定元素是否可见。
设置左边框的样式。
CSS 1 1 2
2
1 1 1 2
2
border-leftwidth border-right
border-rightcolor
border-rightstyle
border-rightwidth
border-style
border-top
border-topcolor
border-topstyle
auto portrait landscape
设置元素放在页面顶部时所允许 的最少文本行数。
number
尺寸
单位 % 百分比
描述
in 英寸
cm 厘米
mm 毫米
1em 等于当前的字体尺寸。 2em 等于当前字体尺寸的两倍。 em 例如,如果某元素以 12pt 显示,那么 2em 是24pt。 在 CSS 中,em 是非常有用的单位,因为它可以自动适应用 户所使用的字体。
2
设置元素的堆叠顺序。
2
CSS 打印属性(Print)
属性
orphans
page-break-after page-breakbefore page-breakinside
widows
描述 设置当元素内部发生分页时必须在页面底 部保留的最少行数。 设置元素后的分页行为。
设置元素前的分页行为。
设置元素内部的分页行为。
page-breakbefore
page-breakinside
的最少文本行数。
设置是否在内容区之外但是在画 布的可打印区域内放“十字标 志”。 请注意,CSS2.1 已删除该属性。
none crop cross
这个属性与 size 属性结合可以指
定打印一个元素时所用的特定页 面类型。
auto identifier
控制文本的大小写。
unicodebidi
设置文本方向。
white-space 规定如何处理元素中的空白。
wordspacing
设置单词间距。
CSS 字体属性(Font)
属性
描述
font
在一个声明中设置所有字体属性。
font-family 规定文本的字体系列。
font-size 规定文本的字体尺寸。
font-sizeadjust
请注意,CSS2.1 已删除该属性。
设置元素后是否应当放置分页 符。
auto always avoid left right
设置元素前否应当放置分页符。
auto always avoid left right
设置元素内部是否应当放置分页 符。
auto avoid
size widows
利用这个属性,创作人员可以声 明打印一个元素时所用页框的大 小和方向。它可以与 page 结合使 用。不过并不要求一定如此。 请注意,CSS2.1 已删除该属性。
2
递增或递减一个或多个计数器。
2
increment ຫໍສະໝຸດ ounter-reset quotes
创建或重置一个或多个计数器。 设置嵌套引用的引号类型。
CSS 尺寸属性(Dimension)
属性
height
maxheight
maxwidth
minheight
minwidth
width
设置元素高度。
描述
设置元素的最大高度。
设置下边框的颜色。
border-bottomstyle
设置下边框的样式。
border-bottomwidth
设置下边框的宽度。
border-color 设置四条边框的颜色。
border-left
在一个声明中设置所有的左边框属性。
border-leftcolor
设置左边框的颜色。
border-leftstyle
为元素规定 aspect 值。
font-stretch 收缩或拉伸当前的字体系列。
font-style 规定文本的字体样式。
font-variant 规定文本的字体样式。
font-weight 规定字体的粗细。
CSS 外边距属性(Margin)
属性
margin marginbottom
描述 在一个声明中设置所有外边距属性。
设置当元素内部发生分页时必须在页面顶 部保留的最少行数。
CSS 2 2 2 2 2
CSS 表格属性(Table)
属性
描述
bordercollapse
规定是否合并表格边框。
borderspacing
规定相邻单元格边框之间的距离。
caption-side 规定表格标题的位置。
empty-cells
相关文档
最新文档