`
nathan09
  • 浏览: 155384 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
文章分类
社区版块
存档分类
最新评论

CSS 参考手册

 
阅读更多

CSS 参考手册

请点击表格中属性列的链接,可以查看相关属性的详细信息。

提示和注释:

属性:“属性” 列指向语法、实例、浏览器支持等内容。

CSS:"CSS" 列指示属性是在哪个 CSS 版本中定义的(CSS1 还是 CSS2)。

提示:W3School 的 CSS 参考手册定期在所有主流浏览器中进行测试。最后测试时间:2009 年 10 月 8 日。

CSS 背景属性(Background)

属性 描述 CSS
background 在一个声明中设置所有的背景属性。 1
background-attachment 设置背景图像是否固定或者随着页面的其余部分滚动。 1
background-color 设置元素的背景颜色。 1
background-image 设置元素的背景图像。 1
background-position 设置背景图像的开始位置。 1
background-repeat 设置是否及如何重复背景图像。 1

CSS 边框属性(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 设置上边框的宽度。 1
border-width 设置四条边框的宽度。 1
outline 在一个声明中设置所有的轮廓属性。 2
outline-color 设置轮廓的颜色。 2
outline-style 设置轮廓的样式。 2
outline-width 设置轮廓的宽度。 2

CSS 文本属性(Text)

属性 描述 CSS
color 设置文本的颜色。 1
direction 规定文本的方向 / 书写方向。 2
letter-spacing 设置字符间距。 1
line-height 设置行高。 1
text-align 规定文本的水平对齐方式。 1
text-decoration 规定添加到文本的装饰效果。 1
text-indent 规定文本块首行的缩进。 1
text-shadow 规定添加到文本的阴影效果。 2
text-transform 控制文本的大小写。 1
unicode-bidi 设置文本方向。 2
white-space 规定如何处理元素中的空白。 1
word-spacing 设置单词间距。 1

CSS 字体属性(Font)

属性 描述 CSS
font 在一个声明中设置所有字体属性。 1
font-family 规定文本的字体系列。 1
font-size 规定文本的字体尺寸。 1
font-size-adjust 为元素规定 aspect 值。 2
font-stretch 收缩或拉伸当前的字体系列。 2
font-style 规定文本的字体样式。 1
font-variant 规定文本的字体样式。 1
font-weight 规定字体的粗细。 1

CSS 外边距属性(Margin)

属性 描述 CSS
margin 在一个声明中设置所有外边距属性。 1
margin-bottom 设置元素的下外边距。 1
margin-left 设置元素的左外边距。 1
margin-right 设置元素的右外边距。 1
margin-top 设置元素的上外边距。 1

CSS 内边距属性(Padding)

属性 描述 CSS
padding 在一个声明中设置所有内边距属性。 1
padding-bottom 设置元素的下内边距。 1
padding-left 设置元素的左内边距。 1
padding-right 设置元素的右内边距。 1
padding-top 设置元素的上内边距。 1

CSS 列表属性(List)

属性 描述 CSS
list-style 在一个声明中设置所有的列表属性。 1
list-style-image 将图象设置为列表项标记。 1
list-style-position 设置列表项标记的放置位置。 1
list-style-type 设置列表项标记的类型。 1
marker-offset 2

内容生成(Generated Content)

属性 描述 CSS
content 与 :before 以及 :after 伪元素配合使用,来插入生成内容。 2
counter-increment 递增或递减一个或多个计数器。 2
counter-reset 创建或重置一个或多个计数器。 2
quotes 设置嵌套引用的引号类型。 2

CSS 尺寸属性(Dimension)

属性 描述 CSS
height 设置元素高度。 1
max-height 设置元素的最大高度。 2
max-width 设置元素的最大宽度。 2
min-height 设置元素的最小高度。 2
min-width 设置元素的最小宽度。 2
width 设置元素的宽度。 1

CSS 定位属性(Positioning)

属性 描述 CSS
bottom 设置定位元素下外边距边界与其包含块下边界之间的偏移。 2
clear 规定元素的哪一侧不允许其他浮动元素。 1
clip 剪裁绝对定位元素。 2
cursor 规定要显示的光标的类型(形状)。 2
display 规定元素应该生成的框的类型。 1
float 规定框是否应该浮动。 1
left 设置定位元素左外边距边界与其包含块左边界之间的偏移。 2
overflow 规定当内容溢出元素框时发生的事情。 2
position 规定元素的定位类型。 2
right 设置定位元素右外边距边界与其包含块右边界之间的偏移。 2
top 设置定位元素的上外边距边界与其包含块上边界之间的偏移。 2
vertical-align 设置元素的垂直对齐方式。 1
visibility 规定元素是否可见。 2
z-index 设置元素的堆叠顺序。 2

CSS 打印属性(Print)

属性 描述 CSS
orphans 设置当元素内部发生分页时必须在页面底部保留的最少行数。 2
page-break-after 设置元素后的分页行为。 2
page-break-before 设置元素前的分页行为。 2
page-break-inside 设置元素内部的分页行为。 2
widows 设置当元素内部发生分页时必须在页面顶部保留的最少行数。 2

CSS 表格属性(Table)

属性 描述 CSS
border-collapse 规定是否合并表格边框。 2
border-spacing 规定相邻单元格边框之间的距离。 2
caption-side 规定表格标题的位置。 2
empty-cells 规定是否显示表格中的空单元格上的边框和背景。 2
table-layout 设置用于表格的布局算法。 2

CSS 伪类(Pseudo-classes)

属性 描述 CSS
:active 向被激活的元素添加样式。 1
:focus 向拥有键盘输入焦点的元素添加样式。 2
:hover 当鼠标悬浮在元素上方时,向元素添加样式。 1
:link 向未被访问的链接添加样式。 1
:visited 向已被访问的链接添加样式。 1
:first-child 向元素的第一个子元素添加样式。 2
:lang 向带有指定 lang 属性的元素添加样式。 2

CSS 伪元素(Pseudo elements)

属性 描述 CSS
:first-letter 向文本的第一个字母添加特殊样式。 1
:first-line 向文本的首行添加特殊样式。 1
:before 在元素之前添加内容。 2
:after 在元素之后添加内容。 2
分享到:
评论

相关推荐

    CSS 参考手册 CSS 参考手册.

    CSS参考手册通常会涵盖这些主题,并对每个概念进行详细解释,包含实例和代码片段,便于开发者快速查找和学习。使用这样的手册,开发者能够更好地掌握CSS,实现更高效、美观且响应式的网页设计。

    飘零雾雨版 CSS参考手册v3.1.0

    和chm版,是目前国内最新最全最好的CSS参考手册。 CSS参考手册v3.1.0 Update Time: 2011.10.10 CSS参考手册v3.1.0 此次更新:新增了动画CSS Animations Properties参考;新增了规则@keyframes参考;新增了部分属性...

    CSS参考手册v3.4.0(飘零雾雨版)

    正式发布 CSS参考手册v3.4.0 http://css.doyoe.com 新增了display的box和inline-box值; 新增了CSS Flexible Box Layout Properties参考; 更新了text-decoration参考; 新增了text-decoration-line、text-...

    css参考手册_v4.2.7_作者:飘零物语

    《CSS参考手册_v4.2.7》是飘零雾雨编写的关于CSS(层叠样式表)的权威指南,旨在帮助开发者深入理解和熟练运用这一关键的网页设计语言。CSS作为网页布局和样式的基石,对于创建响应式、美观且易用的网页至关重要。...

    xtml css 参考手册

    《XTML CSS 参考手册》是一份极有价值的资源,为网页设计师和开发者提供了全面而详尽的HTML和CSS指南。这份手册不仅包含了基础到高级的XTML和CSS语法,而且还是双语版本,既有中文解释也有英文对照,极大地便利了...

    CSS参考手册(第4版,涵盖CSS3)

    Pocket Reference的CSS参考手册,英文原版,可配合Head First的系列书籍使用

    CSS参考手册

    CSS参考手册

    css参考手册(CSS,CSS2.0,CSS3.0)

    《CSS参考手册(CSS, CSS2.0, CSS3.0)》是一份全面涵盖CSS核心技术的资源集合,包括了CSS3.0参考手册、CSS2.0中文手册以及CSS中文完全参考手册三个部分,旨在为学习者提供离线查阅和深入理解CSS规则的便捷途径。...

    web前端开发参考手册系列之CSS参考手册v1.2.2

    web前端开发参考手册系列之CSS参考手册 版本:v1.2.2 最后更新时间:2011.5.21 编著:飘零雾雨 什么是层叠样式表: CSS是Cascading Style Sheet(层叠样式表)的缩写。是用于(增强)控制网页样式并允许将样式信息...

    Css参考手册.doc

    在“Css参考手册.doc”中,主要涵盖了背景属性、边框属性和文本属性这三大类CSS样式。 **背景属性**: 1. `background`:这是一个简写属性,可以同时设置背景颜色、图像、重复方式、附件和位置。 2. `background-...

    css参考手册: css2.0, css4.2.3

    本压缩包包含了三份重要的CSS参考手册:《css2.0中文手册.chm》、《csss手册4.2.3.chm》以及《W3CSchool.chm》,涵盖了从基础到高级的CSS知识,对于学习和理解CSS有着极大的帮助。 **《css2.0中文手册.chm》**是CSS...

    html css参考手册

    **CSS参考手册** CSS是用于控制网页外观和布局的语言。通过选择器(如元素选择器、类选择器、ID选择器等)找到HTML元素,并应用样式规则。以下是一些核心CSS概念: 1. **选择器与属性**:理解如何通过元素名、类名...

    css3.0参考手册 css3.0参考手册

    css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css...

    CSS参考手册word版

    《CSS参考手册word版》包含了CSS(层叠样式表)中的关键属性和它们的描述,旨在为开发者提供方便的打印和查阅资料。手册涵盖了多个方面,包括背景、边框和文本等基本样式设置。 背景属性是CSS中用来定义元素背景的...

    css参考手册

    CSS参考手册V4.2.6 web前端开发参考手册系列

    css参考手册 v4.2.4.zip

    《CSS参考手册 v4.2.4》是一个详尽的在线资源,旨在为开发者提供全面的CSS(Cascading Style Sheets)技术指南。这个版本,v4.2.4,包含了许多关于CSS语法、选择器、布局、动画、过渡、响应式设计以及最新的CSS规范...

    制作完整精美的CSS参考手册

    这个“制作完整精美的CSS参考手册”显然是一个详细的资源,旨在帮助开发者深入理解和应用CSS,以创建美观、响应式的网页布局。 在CSS的世界里,学习和掌握的关键知识点包括: 1. **选择器**:选择器是CSS的基石,...

    css参考手册chm版

    css参考手册chm版

    CSS参考手册3.0中文版

    本“CSS参考手册3.0中文版”提供了全面的CSS3指南,帮助开发者和设计师更好地理解和应用这一技术。 **一、选择器增强** 在CSS3中,选择器得到了显著的扩展。例如,你可以使用**伪类**(`:hover`、`:active`、`:...

Global site tag (gtag.js) - Google Analytics