CSS2.1 参考手册

导入样式表的方法(示范)
<style type="text/css" media="all" title="应用于所有媒体的样式">
@import url(/style/css/global.css); /*全局样式*/
@import url(/style/css/skyblue.css); /*个性化样式*/
body { background: url(img/body_bg.gif); } /*文档级样式*/
</style>
目前受浏览器支持的设备类型仅有：all(所有)、print(打印机)、screen(计算机显示器)
必须在外部样式文件开头使用形如 @charset "gb2312"; 的At规则来指定其自身使用的字符集。
@import 必须放置在常规样式之前，不管是在<style>中还是在外部样式表中。

--------------------------------------------------------------------------------

术语
替换元素
超出 CSS 格式器范围的元素。
HTML中的 img, input, textarea, select, object 都是替换元素。
所有的替换元素且仅有替换元素才具有固有尺寸。
块级元素
在视觉上被格式化为块的元素。浮动元素以及display属性等于block或list-item的元素都是块级元素。
内联元素
不形成新内容块的元素。display属性等于inline的元素都是内联元素。
已定位元素
position属性不等于static的元素。

--------------------------------------------------------------------------------

选择符
简单选择符
[E|*][#id](.class)*[:link][:visited][:hover][:active]
伪元素
S[:first-letter][:first-line]
嵌套
S1 S2 ... O
群组
A1, A2, ... An
符号含义：E(元素)、S(简单选择符)、O(简单选择符|伪元素)、A(简单选择符|伪元素|嵌套)
竖线"|"表示或关系，方括号"[]"表示可选，圆括号"()"用于正则分组。
所有标识符(元素名、类、ID)，都不能以数字、连字符、下划线开头，但是可以使用汉字。
伪类仅可用于超连接。伪元素仅可用于块元素。嵌套顺序中可以夹杂其他元素。
允许用于伪元素的属性仅有：字体属性、文本属性、前景背景属性。此外首字还可用：盒模型属性与float属性
层叠权重：!important > ID > (伪)类 > (伪)元素 > *

--------------------------------------------------------------------------------

--------------------------------------------------------------------------------

字体属性
字体速记 font : font-style font-weight font-size font-family
继承适用：所有元素
字体倾斜 font-style : normal|italic
继承适用：所有元素
字体粗细 font-weight : normal|bold
继承适用：所有元素
字体大小 font-size : 长度
继承适用：所有元素
字体族 font-family : 字体列表
继承适用：所有元素

--------------------------------------------------------------------------------

--------------------------------------------------------------------------------

前景和背景属性
前景：内容+边框。背景：背景图+背景色。背景面积：内容+补白+边框。透明：补白/边框空隙/边界。

前景色 color : 颜色
继承适用：所有元素
hr 元素默认不执行继承。由于IE的错误，表格与图片的边框也不执行继承。
背景速记 background : (transparent|颜色) (none|URL)? (0% 0%|(长度|百分比){2})? (repeat|repeat-x|repeat-y|no-repeat)? (scroll|fixed)?
非继承适用：所有元素
速记含义：背景色背景图背景图位置背景图平铺背景图滚动
百分比：相对于盒子自身内容+补白区域的尺寸，将背景图与背景区域各自相同偏移量的点对齐。

--------------------------------------------------------------------------------

列表属性
列表项样式 list-style : 内置列表项图标 (none|URL) (outside|inside)
继承适用：列表项元素
速记含义：内置列表项图标自定义列表项图标图标位置

--------------------------------------------------------------------------------

表格属性
表格布局算法 table-layout : auto|fixed
非继承适用：table 元素
单元格边框模型 border-collapse : separate|collapse
继承适用：表格元素

--------------------------------------------------------------------------------

指针属性
指针样式 cursor : 指针样式
继承适用：所有元素

--------------------------------------------------------------------------------

盒模型属性
由内到外的层次：内容 → 补白 → 边框 → 边界
由上到下的层次：边框 → 内容+补白 → 背景图 → 背景色 → 边界
内容宽度|高度 width|height : auto|长度|百分比
非继承适用：块元素/替换元素
百分比：相对于包含框的width|height属性值
内联盒子的高度与height属性无关
补白宽度 padding : 0|(长度|百分比){1,4}
非继承适用：display不等于table-*的所有元素
百分比：相对于包含框的width属性值
边界宽度 margin : 0|(长度|百分比|auto){1,4}
非继承适用：display不等于table-*的所有元素
百分比：相对于包含框的width属性值
上下边界宽度对非替换内联元素无效。将左右边界设为auto是将块元素居中的正确做法。
边框速记 border|border-top|border-bottom|border-left|border-right : 边框样式长度 (颜色|transparent)?
非继承适用：所有元素
速记含义：边框样式边框宽度边框颜色
当边框样式样式为none时，边框宽度自动强制为零。

边界重叠
边界重叠是指两个或多个盒子(可能相邻也可能嵌套)的相邻边界(其间没有任何非空内容、补白、边框)重合在一起而形成一个单一边界。

常规流中两个或多个块级盒子的垂直相邻边界会重合。结果的边界宽度是相邻边界宽度中最大的值。如果出现负边界，则在最大的正边界中减去绝对值最大的负边界。如果没有正边界，则从零中减去绝对值最大的负边界。注意：相邻的盒子可能并非是由父子关系或同胞关系的元素生成。

但是边界的重叠也有例外情况：

水平边界永远不会重叠。
浮动盒子、绝对定位盒子、内联块盒子、根盒子的边界永不重叠。
overflow属性不等于visible的元素与它的非浮动子元素之间边界不发生重叠。

--------------------------------------------------------------------------------

--------------------------------------------------------------------------------

display, position, float 之间的相互关系：
如果display等于none，则用户端必须忽略position和float。在这种情况下，元素不产生盒子。
否则，如果position等于absolute，则display与float皆强制为none(list-item保持不变)。盒子的位置由边界偏移量确定。
否则，如果float不等于none或该元素是根元素，则display强制为block(list-item保持不变)。
否则，使用指定的display属性。

--------------------------------------------------------------------------------

HTML默认样式

html
body
div
h1
h2
h3
h4
h5
h6
p
ol
ul
dl
dt
dd
form
fieldset
blockquote
address
hr
pre { display: block }
input
select { display: inline-block }
li { display: list-item }
head { display: none }
table { display: table }
caption { display: table-caption }
thead { display: table-header-group }
tbody { display: table-row-group }
tfoot { display: table-footer-group }
tr { display: table-row }
col { display: table-column }
colgroup { display: table-column-group }
td
th { display: table-cell }
caption { text-align: center }
th { font-weight: bolder; text-align: center }
body { margin: 8px }
blockquote { margin-left: 40px; margin-right: 40px }
h4
p
blockquote
ul
fieldset
form
ol
dl { margin: 1.12em 0 }
h1 { font-size: 2em; margin: 0.67em 0 }
h2 { font-size: 1.5em; margin: 0.75em 0 }
h3 { font-size: 1.17em; margin: 0.83em 0 }
h5 { font-size: 0.83em; margin: 1.5em 0 }
h6 { font-size: 0.75em; margin: 1.67em 0 }
pre { white-space: pre }
h1
h2
h3
h4
h5
h6
strong { font-weight: bolder }
cite
em
var
address { font-style: italic }
pre
code
kbd
samp { font-family: monospace }
button
textarea
table { border-spacing: 2px; }
thead
tbody
tfoot { vertical-align: middle }
td
th { vertical-align: inherit }
hr { border: 1px inset }
ol
ul
dir
menu
dd { margin-left: 40px }
ol { list-style-type: decimal }
ol ul
ul ol
ul ul
ol ol { margin-top: 0; margin-bottom: 0 }
:link
:visited { text-decoration: underline }

CSS2.1 参考手册相关推荐

简明 CSS2.1 参考手册
原文: http://lamp.linux.gov.cn/WebStandard/short_css_21_ref.html 导入样式表的方法(示范) <style type="&qu ...
【转载】CSS 选择器参考手册
CSS 选择器参考手册转载:W3School 简体中文版 CSS3 选择器在 CSS 中,选择器是一种模式,用于选择需要添加样式的元素. "CSS" 列指示该属性是在哪个 CS ...
html iso标准文档,HTML ISO-8859-1 参考手册
# HTML ISO-8859-1 参考手册 HTML 4.01 支持 ISO 8859-1 (Latin-1) 字符集. ISO-8859-1 的较低部分(从 1 到 127 之间的代码)是最初的 ...
陈长沙：学习者参考手册
学习者参考手册组队学习的核心是"和一群有意思的人在一起学感兴趣的知识的过程,这个过程充满了人与人之间的交流互动,是融入社交属性和学习属性的过程".作为参与组队学习活动的学习者,一 ...
组队学习：学习者参考手册
学习者参考手册作为希望参与组队学习活动的学习者,一定想了解有关本次活动的各种环节.我就通过这份手册来给大家介绍一下. 本手册一共分为四个部分,分别是活动角色划分,活动流程介绍.打卡环节介绍.角色职责 ...
CSS2.0中文手册（CHM版）
Div+Css是现在网站架设的一个趋势,应用Css对于网站有诸多的好处.本教程是沈小雨2002年制作的 Css2.0中文手册,对学习CSS和查询CSS属性非常有帮助. Css2.0中文手册针对的是已有 ...
GDB 命令参考手册
GDB 命令参考手册 ...
CSS选择器和参考手册
CSS的基本语法选择器:通过选择器可以选中页面中的指定元素.声明块:通过声明块来指定元素设置样式.声明块由一个一个的声明组成声明是由一个名值对结构:一个样式名对应一个样式值,名和值之间以:连接,以; ...
230套java web开发PDF书籍和CHM参考手册资料大全免费下载
230套java web开发PDF书籍和CHM参考手册资料大全免费下载下载地址:http://yun.baidu.com/s/169jYH 文章来源:HTML5星空http://www.html5 ...

CSS2.1 参考手册

CSS2.1 参考手册相关推荐

最新文章

热门文章