CSS参考手册合集2-网页制作基础Html/CSSJavascript...-优质IT资源分享社区

前端开发_小阿凉
初入江湖
初入江湖
  • UID512
  • 粉丝0
  • 关注0
  • 发帖数4
阅读:241回复:0

CSS参考手册合集2

楼主#
更多 发布于:2016-06-22 17:14
CSS 表格属性(Table[table=455.4][tr][td=1,1,102]
属性
[/td][td=1,1,457]
描述
[/td][td=1,1,48]
CSS
[/td][/tr][tr][td=1,1,102]
border-collapse[/td][td=1,1,457]
规定是否合并表格边框。[/td][td=1,1,48]
2[/td][/tr][tr][td=1,1,102]
border-spacing[/td][td=1,1,457]
规定相邻单元格边框之间的距离。[/td][td=1,1,48]
2[/td][/tr][tr][td=1,1,102]
caption-side[/td][td=1,1,457]
规定表格标题的位置。[/td][td=1,1,48]
2[/td][/tr][tr][td=1,1,102]
empty-cells[/td][td=1,1,457]
规定是否显示表格中的空单元格上的边框和背景。[/td][td=1,1,48]
2[/td][/tr][tr][td=1,1,102]
table-layout[/td][td=1,1,457]
设置用于表格的布局算法。[/td][td=1,1,48]
2[/td][/tr][/table]


CSS 伪类(Pseudo-classes[table=410.4][tr][td=1,1,74]
属性
[/td][td=1,1,323]
描述
[/td][td=1,1,150]
CSS
[/td][/tr][tr][td=1,1,74]
:active[/td][td=1,1,323]
向被激活的元素添加样式。[/td][td=1,1,150]
1[/td][/tr][tr][td=1,1,74]
:focus[/td][td=1,1,323]
向拥有键盘输入焦点的元素添加样式。[/td][td=1,1,150]
2[/td][/tr][tr][td=1,1,74]
:hover[/td][td=1,1,323]
当鼠标悬浮在元素上方时,向元素添加样式。[/td][td=1,1,150]
1[/td][/tr][tr][td=1,1,74]
:link[/td][td=1,1,323]
向未被访问的链接添加样式。[/td][td=1,1,150]
1[/td][/tr][tr][td=1,1,74]
:visited[/td][td=1,1,323]
向已被访问的链接添加样式。[/td][td=1,1,150]
1[/td][/tr][tr][td=1,1,74]
:first-child[/td][td=1,1,323]
向元素的第一个子元素添加样式。[/td][td=1,1,150]
2[/td][/tr][tr][td=1,1,74]
:lang[/td][td=1,1,323]
向带有指定 lang 属性的元素添加样式。[/td][td=1,1,150]
2[/td][/tr][/table]
CSS 伪元素(Pseudo elements[table=282.85][tr][td=1,1,74]
属性
[/td][td=1,1,261]
描述
[/td][td=1,1,40]
CSS
[/td][/tr][tr][td=1,1,74]
:first-letter[/td][td=1,1,261]
向文本的第一个字母添加特殊样式。[/td][td=1,1,40]
1[/td][/tr][tr][td=1,1,74]
:first-line[/td][td=1,1,261]
向文本的首行添加特殊样式。[/td][td=1,1,40]
1[/td][/tr][tr][td=1,1,74]
:before[/td][td=1,1,261]
在元素之前添加内容。[/td][td=1,1,40]
2[/td][/tr][tr][td=1,1,74]
:after[/td][td=1,1,261]
在元素之后添加内容。[/td][td=1,1,40]
2[/td][/tr][/table]


打印属性
打印 HTML 文档总是会出现问题。在 CSS2 中,我们可以借助打印属性让打印 web 内容更容易一些。[table=446.4][tr][td=1,1,127]
属性
[/td][td=1,1,348]
描述
[/td][td=1,1,120]
[/td][/tr][tr][td=1,1,127]
orphans[/td][td=1,1,348]
设置元素放在页面底部时所允许的最少文本行数。[/td][td=1,1,120]
number[/td][/tr][tr][td=1,1,127]
marks[/td][td=1,1,348]
设置是否在内容区之外但是在画布的可打印区域内放十字标志
请注意,CSS2.1 已删除该属性。[/td][td=1,1,120]
· none
· crop
· cross[/td][/tr][tr][td=1,1,127]
page[/td][td=1,1,348]
这个属性与 size 属性结合可以指定打印一个元素时所用的特定页面类型。
请注意,CSS2.1 已删除该属性。[/td][td=1,1,120]
auto identifier[/td][/tr][tr][td=1,1,127]
page-break-after[/td][td=1,1,348]
设置元素后是否应当放置分页符。[/td][td=1,1,120]
· auto
· always
· avoid
· left
· right[/td][/tr][tr][td=1,1,127]
page-break-before[/td][td=1,1,348]
设置元素前否应当放置分页符。[/td][td=1,1,120]
· auto
· always
· avoid
· left
· right[/td][/tr][tr][td=1,1,127]
page-break-inside[/td][td=1,1,348]
设置元素内部是否应当放置分页符。[/td][td=1,1,120]
· auto
· avoid
[/td][/tr][tr][td=1,1,127]
size[/td][td=1,1,348]
利用这个属性,创作人员可以声明打印一个元素时所用页框的大小和方向。它可以与 page 结合使用。不过并不要求一定如此。
请注意,CSS2.1 已删除该属性。[/td][td=1,1,120]
· auto
· portrait
· landscape
[/td][/tr][tr][td=1,1,127]
widows[/td][td=1,1,348]
设置元素放在页面顶部时所允许的最少文本行数。[/td][td=1,1,120]
number[/td][/tr][/table]
尺寸[table=431.65][tr][td=1,1,45]
单位
[/td][td=1,1,529]
描述
[/td][/tr][tr][td=1,1,45]
%[/td][td=1,1,529]
百分比[/td][/tr][tr][td=1,1,45]
in[/td][td=1,1,529]
英寸[/td][/tr][tr][td=1,1,45]
cm[/td][td=1,1,529]
厘米[/td][/tr][tr][td=1,1,45]
mm[/td][td=1,1,529]
毫米[/td][/tr][tr][td=1,1,45]
em[/td][td=1,1,529]
1em 等于当前的字体尺寸。
2em 等于当前字体尺寸的两倍。
例如,如果某元素以 12pt 显示,那么 2em 24pt
CSS 中,em 是非常有用的单位,因为它可以自动适应用户所使用的字体。[/td][/tr][tr][td=1,1,45]
ex[/td][td=1,1,529]
一个 ex 是一个字体的 x-height(x-height 通常是字体尺寸的一半。)[/td][/tr][tr][td=1,1,45]
pt[/td][td=1,1,529]
(1 pt 等于 1/72 英寸)[/td][/tr][tr][td=1,1,45]
pc[/td][td=1,1,529]
12 点活字 (1 pc 等于 12 )[/td][/tr][tr][td=1,1,45]
px[/td][td=1,1,529]
像素 (计算机屏幕上的一个点)[/td][/tr][/table]
颜色[table=428.4][tr][td=1,1,113]
单位
[/td][td=1,1,458]
描述
[/td][/tr][tr][td=1,1,113]
(颜色名)[/td][td=1,1,458]
颜色名称 (比如 red)[/td][/tr][tr][td=1,1,113]
rgb(x,x,x)[/td][td=1,1,458]
RGB (比如 rgb(255,0,0))[/td][/tr][tr][td=1,1,113]
rgb(x%, x%, x%)[/td][td=1,1,458]
RGB 百分比值 (比如 rgb(100%,0%,0%))[/td][/tr][tr][td=1,1,113]
#rrggbb[/td][td=1,1,458]
十六进制数 (比如 #ff0000)[/td][/tr][/table]
游客