CSS1
CSS1指CSS(层叠样式表)的第一个版本,它于1996年12月17日成为W3C推荐标準,为哈肯·维姆·莱(Håkon Wium Lie)和伯特·波斯(Bert Bos)共同设计而成。该版本中提供了有关文字、颜色、位置和文本属性等基本信息。
基本介绍
- 中文名:层叠样式表1级
- 外文名:Cascading Style Sheets Level 1
- 成为标準时间:1996年12月17日
- 设计者:哈肯·维姆·莱、伯特·波斯
产生背景
1994年哈肯·维姆·莱提出了CSS的最初建议。而当时伯特·波斯正在设计一个名为Argo的浏览器,于是他们决定一起设计CSS。
其实当时在网际网路界已经有过一些统一样式表语言的建议了,但CSS是第一个含有“层叠”丰意的样式表语言。在CSS中,一个档案的样式可以从其他的样式表中继承。读者在有些地方可以使用他自己更喜欢的样式,在其他地方则继承或“层叠”作者的样式。这种层叠的方式使作者和读者都可以灵活地加入自己的设计,混合每个人的爱好。
哈肯于1994年在芝加哥的一次会议上第一次提出了CSS的建议,1995年的www网路会议上CSS又一次被提出,波斯演示了Argo浏览器支持CSS的例子,哈肯也展示了支持CSS的Arena浏览器。同年,W3C组织(World WideWeb Consortium)成立,CSS的创作成员全部成为了W3C的工作小组并且全力以赴负责研发CSS标準,层叠样式表的开发终于走上正轨。有越来越多的成员参与其中,例如微软公司的托马斯·莱尔顿(Thomas Reaxdon),他的努力最终令Internet Explorer浏览器支持CSS标準。哈肯、波斯和其他一些人是这个项目的主要技术负责人。1996年底,CSS初稿已经完成,同年12月,层叠样式表的第一份正式标準(Cascading style Sheets Level 1)完成,成为w3c的推荐标準。
版本内容
CSS 背景属性(Background)
属性 | 描述 |
---|---|
background | 在一个声明中设定所有的背景属性。 |
background-attachment | 设定背景图像是否固定或者随着页面的其余部分滚动。 |
background-color | 设定元素的背景颜色。 |
background-image | 设定元素的背景图像。 |
background-position | 设定背景图像的开始位置。 |
background-repeat | 设定是否及如何重複背景图像。 |
CSS 框线属性(Border 和 Outline)
属性 | 描述 |
---|---|
border | 在一个声明中设定所有的框线属性。 |
border-bottom | 在一个声明中设定所有的下框线属性。 |
border-bottom-width | 设定下框线的宽度。 |
border-color | 设定四条框线的颜色。 |
border-left | 在一个声明中设定所有的左框线属性。 |
border-left-width | 设定左框线的宽度。 |
border-right | 在一个声明中设定所有的右框线属性。 |
border-right-width | 设定右框线的宽度。 |
border-style | 设定四条框线的样式。 |
border-top | 在一个声明中设定所有的上框线属性。 |
border-top-width | 设定上框线的宽度。 |
border-width | 设定四条框线的宽度。 |
CSS 尺寸属性(Dimension)
属性 | 描述 |
---|---|
height | 设定元素高度。 |
width | 设定元素的宽度。 |
CSS 字型属性(Font)
属性 | 描述 |
---|---|
font | 在一个声明中设定所有字型属性。 |
font-family | 规定文本的字型系列。 |
font-size | 规定文本的字型尺寸。 |
font-style | 规定文本的字型样式。 |
font-variant | 规定是否以小型大写字母的字型显示文本。 |
font-weight | 规定字型的粗细。 |
CSS 列表属性(List)
属性 | 描述 |
---|---|
list-style | 在一个声明中设定所有的列表属性。 |
list-style-image | 将图象设定为列表项标记。 |
list-style-position | 设定列表项标记的放置位置。 |
list-style-type | 设定列表项标记的类型。 |
CSS 外边距属性(Margin)
属性 | 描述 |
---|---|
margin | 在一个声明中设定所有外边距属性。 |
margin-bottom | 设定元素的下外边距。 |
margin-left | 设定元素的左外边距。 |
margin-right | 设定元素的右外边距。 |
margin-top | 设定元素的上外边距。 |
CSS 内边距属性(Padding)
属性 | 描述 |
---|---|
padding | 在一个声明中设定所有内边距属性。 |
padding-bottom | 设定元素的下内边距。 |
padding-left | 设定元素的左内边距。 |
padding-right | 设定元素的右内边距。 |
padding-top | 设定元素的上内边距。 |
CSS 定位属性(Positioning)
属性 | 描述 |
---|---|
clear | 规定元素的哪一侧不允许其他浮动元素。 |
display | 规定元素应该生成的框的类型。 |
float | 规定框是否应该浮动。 |
vertical-align | 设定元素的垂直对齐方式。 |
CSS 文本属性(Text)
属性 | 描述 |
---|---|
color | 设定文本的颜色。 |
letter-spacing | 设定字元间距。 |
line-height | 设定行高。 |
text-align | 规定文本的水平对齐方式。 |
text-decoration | 规定添加到文本的装饰效果。 |
text-indent | 规定文本块首行的缩进。 |
text-transform | 控制文本的大小写。 |
white-space | 规定如何处理元素中的空白。 |
word-spacing | 设定单词间距。 |