CSS2 参考手册

CSS 背景属性

属性描述IEFNW3C
background简写属性,作用是将背景属性设置在一个声明中。
  • background-color
  • background-image
  • background-repeat
  • background-attachment
  • background-position
4161
background-attachment背景图像是否固定或者随着页面的其余部分滚动。
  • scroll
  • fixed
4161
background-color设置元素的背景颜色。
  • color-rgb
  • color-hex
  • color-name
  • transparent
4141
background-image把图像设置为背景。
  • url
  • none
4141
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
4161
background-repeat设置背景图像是否及如何重复。
  • repeat
  • repeat-x
  • repeat-y
  • no-repeat
4141

CSS 边框属性 (border)

属性描述IEFNW3C
border简写属性。作用是在一个声明中用来设置四个边框的所有属性。
  • border-width
  • border-style
  • border-color
4141
border-bottom简写属性。作用是在一个声明中用来设置下边框的所有属性。
  • border-bottom-width
  • border-style
  • border-color
4161
border-bottom-color设置下边框的颜色。  border-color4162
border-bottom-style设置下边框的样式。  border-style4162
border-bottom-width设置下边框的宽度。
  • thin
  • medium
  • thick
  • length
4141
border-color设置四个边框的颜色,可以设置一到四个颜色。  color4161
border-left简写属性。用于在一个声明中设置左边框的所有属性。
  • border-left-width
  • border-style
  • border-color
4161
border-left-color设置左边框的颜色。  border-color4162
border-left-style设置左边框的样式。  border-style4162
border-left-width设置左边框的宽度。
  • thin
  • medium
  • thick
  • length
4141
border-right简写属性。将所有用于右边框的属性设置于一个声明中。
  • border-right-width
  • border-style
  • border-color
4161
border-right-color设置右边框的颜色  border-color4162
border-right-style设置右边框的样式  border-style4162
border-right-width设置右边框的宽度。
  • thin
  • medium
  • thick
  • length
4141
border-style设置四个边框的样式,可以设置一到四个样式。
  • none
  • hidden
  • dotted
  • dashed
  • solid
  • double
  • groove
  • ridge
  • inset
  • outset
4161
border-top简写属性。将所有用于上边框的属性设置于一个声明中。
  • border-top-width
  • border-style
  • border-color
4161
border-top-color设置上边框的颜色。  border-color4162
border-top-style设置上边框的样式。  border-style4162
border-top-width设置上边框的宽度。
  • thin
  • medium
  • thick
  • length
4141
border-width简写属性。在一个声明中设置四个边框的宽度,可以设置一到四个值。
  • thin
  • medium
  • thick
  • length
4141

CSS 文本属性

属性描述IEFNW3C
color设置文本颜色。     color3141
direction设置文本方向。
  • ltr
  • rtl
6162
letter-spacing设置字符间距。
  • normal
  • length
4161
text-align对齐元素中的文本。
  • left
  • right
  • center
  • justify
4141
text-decoration向文本添加修饰。
  • none
  • underline
  • overline
  • line-through
  • blink
4141
text-indent缩进元素中文本的首行。
  • length
  • %
4141
text-shadow 
  • none
  • color
  • length
    
text-transform控制元素中的字母。
  • none
  • capitalize
  • uppercase
  • lowercase
4141
unicode-bidi设置文本方向。
  • normal
  • embed
  • bidi-override
5  2
white-space设设置元素中空白的处理方式。
  • normal
  • pre
  • nowrap
5141
word-spacing设置字间距。
  • normal
  • length
6161

CSS 字体属性 (font)

属性描述IEFNW3C
font 简写属性。作用是将所有针对字体的属性设置在一个声明中。
  • font-style
  • font-variant
  • font-weight
  • font-size/line-height
  • font-family
  • caption
  • icon
  • menu
  • message-box
  • small-caption
  • status-bar
4141
font-family 字体类型名称或者针对某元素的类属族名名称的优先列表。
  • family-name
  • generic-family
3141
font-size 设置字体的尺寸。
  • xx-small
  • x-small
  • small
  • medium
  • large
  • x-large
  • xx-large
  • smaller
  • larger
  • length
  • %
3141
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
4141
font-variant 以小型小写字体或者正常字体显示文本
  • normal
  • small-caps
4161
font-weight 设置字体的粗细。
  • normal
  • bold
  • bolder
  • lighter
  • 100
  • 200
  • 300
  • 400
  • 500
  • 600
  • 700
  • 800
  • 900
4141

CSS 外边距属性 (margin)

属性描述IEFNW3C
margin 简写属性。在一个声明中设置外边距属性。
  • margin-top
  • margin-right
  • margin-bottom
  • margin-left
4141

margin-bottom

设置元素的下外边距。
  • auto
  • length
  • %
4141

margin-left

设置元素的左外边距。
  • auto
  • length
  • %
3141

margin-right

设置元素的右外边距。
  • auto
  • length
  • %
3141
margin-top 设置元素的上外边距。
  • auto
  • length
  • %
3141

CSS 内边距属性 (padding)

属性描述IEFNW3C
padding简写属性。作用是在一个声明中设置元素的内边距属性。
  • padding-top
  • padding-right
  • padding-bottom
  • padding-left
4141

padding-bottom

设置元素的下内边距。
  • length
  • %
4141

padding-left

设置元素的左内边距。
  • length
  • %
4141

padding-right

设置元素的右内边距。
  • length
  • %
4141
padding-top设置元素的上内边距。
  • length
  • %
4141

CSS 列表属性 (list)

属性描述IEFNW3C
list-style简写属性。用于将所有用于列表的属性设置于一个声明之中。
  • list-style-type
  • list-style-position
  • list-style-image
4161
list-style-image将图象设置为列表项标记。
  • none
  • url
4161
list-style-position设置列表中列表项标记被放置的位置。
  • inside
  • outside
4161
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
4141
marker-offset 
  • auto
  • length
 172

内容生成

属性描述IEFNW3C
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
 162
counter-increment 设置某个选取器每次出现的计数器增量。none
identifier number
   2
counter-reset 设置某个选择器出现次数的计数器的值。none
identifier number
   2
quotes 设置引号的类型。none
string string
-162

轮廓

属性描述IEFNW3C
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)

属性描述IEFNW3C
height设置元素高度。
  • auto
  • length
  • %
4161
line-height设置行间距。
  • normal
  • number
  • length
  • %
4141
max-height设置元素的最大高度。
  • none
  • length
  • %
-162
max-width设置元素的最大宽度。
  • none
  • length
  • %
-162
min-height设置元素的最小高度。
  • length
  • %
-162
min-width设置元素的最小宽度。
  • length
  • %
-162
width设置元素的宽度。
  • auto
  • %
  • length
4141

CSS 分类属性 (Classification)

属性描述IEFNW3C
clear设置不允许存在浮动对象的边
  • left
  • right
  • both
  • none
4141
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
4162
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
4141
float设置图像或文本出现于另一元素中的何处
  • left
  • right
  • none
4141
position元素的定位方式:静态、相对定位、绝对定位、固定定位
  • static
  • relative
  • absolute
  • fixed
4142
visibility设置元素可见或不可见
  • visible
  • hidden
  • collapse
4162

CSS 定位属性 (Positioning)

属性描述IEFNW3C
bottom设置定位元素下外边距边界与其包含块下边界之间的偏移。
  • auto
  • %
  • length
5162
clip设置元素的形状。
  • shape
  • auto
4162
left设置定位元素左外边距边界与其包含块左边界之间的偏移。
  • auto
  • %
  • length
4142
overflow设置当元素的内容溢出其区域时发生的事情。
  • visible
  • hidden
  • scroll
  • auto
4162
position把元素放置到一个静态的、相对的、绝对的、或固定的位置中。
  • static
  • relative
  • absolute
  • fixed
4142
right设置定位元素右外边距边界与其包含块右边界之间的偏移。
  • auto
  • %
  • length
5162
top设置定位元素的上外边距边界与其包含块上边界之间的偏移。
  • auto
  • %
  • length
4142
vertical-align设置元素的垂直排列。
  • baseline
  • sub
  • super
  • top
  • text-top
  • middle
  • bottom
  • text-bottom
  • length
  • %
4141
z-index设置元素的堆叠顺序。
  • auto
  • number
4162

CSS 表格属性

属性描述
border-collapse设置是否把表格边框合并为单一的边框。
border-spacing设置分隔单元格边框的距离。(仅用于 "separated borders" 模型)
caption-side设置表格标题的位置。
empty-cells设置是否显示表格中的空单元格。(仅用于 "separated borders" 模型)
table-layout设置显示单元、行和列的算法。

CSS 伪类

伪类作用IEFNW3C
:active将样式添加到被激活的元素。4181
:focus将样式添加到被选中的元素。---2
:hover当鼠标悬浮在元素上方时,向元素添加样式。4171
:link将特殊的样式添加到未被访问过的链接。3141
:visited将特殊的样式添加到被访问过的链接。3141
:first-child将特殊的样式添加到元素的第一个子元素。 172
:lang允许创作者来定义指定的元素中使用的语言。 182

CSS 伪元素

伪元素作用IEFNW3C
:first-letter向文本的第一个字母添加特殊样式。5181
:first-line向文本的首行添加特殊样式。5181
:before在元素内容之前插入内容。 1.582
:after在元素内容之后插入内容。 1.582

转载于:https://www.cnblogs.com/lqy203/archive/2008/12/23/1360816.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: CSS88是一本经典的CSS参考手册,它是CSS的早期版本,被广泛用于前端开发。作为初学者或者想要回顾基础知识的开发者,CSS88是一个不错的选择。 CSS88手册首先介绍了CSS的基本概念和语法,包括选择器、属性和属性等。通过阅读手册,可以了解如何在HTML文档中使用CSS来控制页面的样式。手册还提供了丰富的示例代码,可以帮助读者更好地理解和应用这些概念。 CSS88手册还包含了大量常用的CSS属性和属性的详细说明,如文本样式、盒模型、浮动、定位等。每个属性都有清晰的解释和用法示例,使开发者能够快速掌握各种样式的应用方法。 此外,CSS88手册还介绍了如何使用CSS编写响应式布局和动画效果。响应式设计是现代Web开发中的一个重要概念,能够使网页在不同设备上呈现出最佳的布局和样式。而CSS动画则给网页添加了更多的交互性和生动性,使用户体验更加丰富。 尽管CSS88是早期版本的参考手册,但它提供了一个坚实的CSS基础,并且其中的很多概念和技术在当前的CSS3版本中仍然适用。因此,对于想要了解CSS基础知识或者需要回顾基础知识的开发者来说,CSS88仍然是一个非常有价的参考资料。 ### 回答2: CSS88是一个CSS规范的版本,它于1988年发布,是CSS(层叠样式表)的最早的标准之一。由于当时浏览器的功能和技术限制,CSS88的特性相对较少,不能满足现代化网页设计的需求。随着浏览器的发展,CSS3作为CSS的最新版本,引入了许多新的特性和功能,使得网页设计更加灵活和丰富。 CSS3参考手册是一个提供CSS3语法和属性的参考资源。它通常包含了详细说明每个CSS3属性的用法、取范围和兼容性信息等。参考手册有助于开发者在需要时快速查找和理解CSS3的特性,从而更好地应用到网页设计中。 在CSS3参考手册中,你可以找到各种各样的CSS3特性,包括但不限于: 1. CSS3选择器:新增了众多选择器,如属性选择器、子元素选择器、相邻选择器等,有助于通过更精确的选择器选取目标元素。 2. 边框和背景:CSS3引入了新的边框样式和圆角属性,还可以使用渐变颜色、背景图像大小调整等。 3. 盒模型:添加了更多的盒模型属性,如盒阴影、透明度、角度旋转等。 4. 文字效果:可以添加文字阴影、文字渐变、文字特效等。 5. 过渡和动画:引入了过渡和动画效果的属性,使得页面元素可以平滑变化或动起来。 6. 媒体查询:允许开发者根据设备的宽度、高度、屏幕分辨率等特性来应用不同的样式。 总之,CSS3参考手册是一个有助于开发者更好地学习和应用CSS3的工具,它提供了详实的信息和示例,能够帮助开发者在网页设计中灵活运用CSS3的新特性,实现丰富多样的页面效果。 ### 回答3: CSS3参考手册是一本关于CSS3语法和属性的详细指南。CSS3是CSS的第三个主要版本,引入了许多新的特性和属性,使网页设计更加灵活和强大。 在CSS3参考手册中,可以找到关于CSS3语法的详细说明和示例代码。这包括选择器、盒模型、文本样式、背景效果、边框样式、动画和过渡效果等。每个属性都有一个详细的解释,以及其兼容性和浏览器支持情况的说明。在手册中,还可以找到一些常见的CSS3用法和技巧,可以帮助开发者更好地利用CSS3来设计网页。 CSS3参考手册对于学习和掌握CSS3非常有帮助。它可以作为一个全面的指南,帮助开发者了解每个CSS3属性的功能和用法。通过参考手册,开发者可以轻松地查找和理解CSS3属性和语法,以及它们对网页设计的影响。手册中的示例代码也能够帮助开发者更好地理解CSS3的应用。 总而言之,CSS3参考手册是学习和使用CSS3的宝贵资源。它提供了关于CSS3属性的详细说明和示例代码,帮助开发者更好地理解和应用CSS3。无论是初学者还是有经验的开发者,都可以从参考手册中获得帮助,提高他们的CSS3技能水平。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值