複製鏈接
請複製以下鏈接發送給好友

CSS1

鎖定
CSS1指CSS(層疊樣式表)的第一個版本,它於1996年12月17日成為W3C推薦標準 [1]  ,為哈肯·維姆·萊(Håkon Wium Lie)和伯特·波斯Bert Bos)共同設計而成 [2]  。該版本中提供了有關文字、顏色、位置和文本屬性等基本信息。
中文名
層疊樣式表1級
外文名
Cascading Style Sheets Level 1
成為標準時間
1996年12月17日
作    者
哈肯·維姆·萊
伯特·波斯

CSS1產生背景

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的推薦標準 [2] 

CSS1版本內容

CSS 背景屬性(Background)
屬性
描述
在一個聲明中設置所有的背景屬性。
background-attachment
設置背景圖像是否固定或者隨着頁面的其餘部分滾動。
background-color
設置元素的背景顏色。
background-image
設置元素的背景圖像。
background-position
設置背景圖像的開始位置。
background-repeat
設置是否及如何重複背景圖像。
CSS 邊框屬性(Border 和 Outline)
屬性
描述
在一個聲明中設置所有的邊框屬性。
在一個聲明中設置所有的下邊框屬性。
border-bottom-width
設置下邊框的寬度。
border-color
設置四條邊框的顏色。
border-left
在一個聲明中設置所有的左邊框屬性。
border-left-width
設置左邊框的寬度。
border-right
在一個聲明中設置所有的右邊框屬性。
border-right-width
設置右邊框的寬度。
border-style
設置四條邊框的樣式。
border-top
在一個聲明中設置所有的上邊框屬性。
border-top-width
設置上邊框的寬度。
設置四條邊框的寬度。
CSS 尺寸屬性(Dimension)
屬性
描述
設置元素高度。
設置元素的寬度。
CSS 字體屬性(Font)
屬性
描述
在一個聲明中設置所有字體屬性。
規定文本的字體系列。
規定文本的字體尺寸。
規定文本的字體樣式。
規定是否以小型大寫字母的字體顯示文本。
規定字體的粗細。
CSS 列表屬性(List)
屬性
描述
在一個聲明中設置所有的列表屬性。
將圖象設置為列表項標記。
設置列表項標記的放置位置。
設置列表項標記的類型。
CSS 外邊距屬性(Margin)
屬性
描述
在一個聲明中設置所有外邊距屬性。
設置元素的下外邊距。
設置元素的左外邊距。
設置元素的右外邊距。
margin-top
設置元素的上外邊距。
CSS 內邊距屬性(Padding)
屬性
描述
在一個聲明中設置所有內邊距屬性。
padding-bottom
設置元素的下內邊距。
padding-left
設置元素的左內邊距。
設置元素的右內邊距。
padding-top
設置元素的上內邊距。
CSS 定位屬性(Positioning)
屬性
描述
規定元素的哪一側不允許其他浮動元素。
規定元素應該生成的框的類型。
規定框是否應該浮動。
設置元素的垂直對齊方式。
CSS 文本屬性(Text)
屬性
描述
設置文本的顏色。
設置字符間距。
設置行高。
規定文本的水平對齊方式。
規定添加到文本的裝飾效果。
規定文本塊首行的縮進。
控制文本的大小寫。
規定如何處理元素中的空白。
設置單詞間距。
[3] 
參考資料
  • 1.    (美)墨菲. HTML5+CSS3開發實戰[M]. 北京:清華大學出版社, 2014:204
  • 2.    王麗銘主編. Web前端開發及應用教程[M]. 北京:清華大學出版社, 2016:174-175
  • 3.    CSS 參考手冊  .W3School [引用日期2018-02-27]