close

    CSS語法，全名是Cascading Style Sheets(層疊樣式表)，又稱串樣式列表、級聯樣式表、串接樣式表、層疊樣式表、階層式樣式表等等，是一種針對結構化文件的標準語言(如HTML或XML)作支援或輔助(如改變字型、間距或顏色等)的一種電腦語言。

    這裡必須解釋一下何為標準語言、電腦語言和程式語言。所謂的程式語言是一種用某一標準的指令來定義資料或演算法，或要求機械或電腦執行一些動作。著名的程式語言像用於學術與工程演算的fortran、廣用型程式語言C語言、網頁顯示用的PHP、以前很紅的Minecraft所用的開發用程式語言Java等都是屬於程式語言。關於程是語言的詳細內容，我往後會再寫一篇關於fortran的教學文。

Fig1.undefined

Fig2.undefined

Fig3.undefined

     Fig1.是用Crimson editor編輯器編譯fortran版本的hello world內文，其副檔名為.f90。而Fig2.是用記事本編譯fortran版本的hello world內文，其副檔名亦為.f90。Fig3.則是兩者編譯完成後，將f90檔轉成exe檔的結果。


最後一個是電腦語言，泛指人與電腦之間傳遞資訊的語言。一般概括程式語言和標準語言。要注意的是，標準語言不是程式語言，像HTML和XML這兩種標準語言就不是程式語言。但有一些程式語言具有標準語言的某些功能，比如fortran的輸出格式指令format可以將文字或數字排版後加以輸出。另外一種是標準語言，乃指將文本(Text，也就是文字檔)與文字相關信息(比如表格或圖片等)結合、排版，並顯示成類似書本內容或印刷文本內容的樣式。早期的標準語言是用於出版書籍或報章雜誌一類的東西，在出版業很盛行。自從網路出現並發展起來後，便廣泛應用於網頁(與PHP配合)或網路應用程式(與C語言等程式語言配合)。主流的標準語言為HTML或XML。

<!DOCTYPE html>

<html>

  <head>

    <title>這是標題</title>

  </head>

  <body>

    <p>Hello world!</p>

  </body>

</html>

undefined

undefined

    以上兩者皆是以HTML編寫的hello word測試範例，左上側為源代碼內容，右上側為以記事本開啟hello word.htm檔案的內文。Htm檔的類型屬於html  document，直接開啟檔案的結果如上圖。但html對繁體中文的支援不一，有些網頁的HTML不支援繁體中文的話，其標題可能是亂碼。

這三個名詞大致上講到這裡，接下來談一談關於CSS語法的歷史。1991年，Sir Timothy John Berners-Lee(提姆˙柏內茲˙李 爵士)在瑞士歐洲核子研究組織(CERN)公開了「全球資訊網」專案，並提出了標準語言HTML和HTTP資料通訊的協定。自此，開始了網際網路的時代。

1990年代，大部分的網頁和瀏覽器顯示都是以HTML來編寫，由於HTML在早期開發，可使用的功能並不多，因而需要樣式表支援。因此，許多家瀏覽器廠商提供了自家的樣式表來支援HTML，並讓瀏覽器的使用者(消費者)也能透過該瀏覽器的樣式表來排出自己想要的網頁顯示方式。但隨著網路和HTML的發展，HTML增加了許多新功能，越來越多樣式表的功能慢慢被HTML給吸納和取代。

1994年，哈肯˙維姆˙萊(Håkon Wium Lie)和Bert Bos一起合作開發CSS語法。CSS語法和其他樣式表不同之處，在於CSS語法可以相容各種不同檔案的樣式，同時還可以「添加」自己喜歡的樣式。這種「添加」的方式就是「層疊」。由於CSS語法的自由編輯程度較高，很快的被廣泛應用在許多網頁上面，變成主流的支援HTML和XML的輔助型電腦語言。

以下是CSS語法歷年版本：

  • 1996年12月CSS 1 發行與通用
  • 1998年5月CSS 2 發行與通用
  • 1999年CSS 3制定中，2011年6月CSS 3正式發布與通用
  • 2011年9月開始制定CSS 4，目前僅有少數瀏覽器支援

 

特別注意的是，現在通用的CSS語法都是CSS 3或CSS 2。比較沒有更新網頁或語法的早期網站都是用CSS 1，而1998年創立的網站剛開始都是用CSS 2較多，2011年後CSS 3正式發布後才陸續有許多網站更新自己的網頁與其CSS語法。所以這就是為什麼有些屬於論壇的部落客的部落格在歷經更新後，有些地方的顯示功能怪怪的，原因就是舊版的無法支援新版，但相反的新版的是可以支援舊版。基本上，自己到後台稍微改一下設定或參數就會變回來了。

未來幾年以後CSS 4正式發布後，大概又會有許多網站陸續更新自己的CSS語法和網頁吧？

在本文的最後，給一些路過的部落客，或準部落客、想當部落客的讀者朋友們，如果想要讓自己的部落格的門面好看點，建議自己去學學XML、HTML或CSS語法。如果是第一次碰電腦語言的，建議從CSS語法著手會比較好。程式語言和標準語言這兩種不同類別的電腦語言，對大部分沒碰過或上過專業資訊課程的人來說實在是太困難了。

下一章，我將介紹整個CSS語法的整體架構，還有編排方法。

 

資料來源：

========================後記========================

 

    未來我可能會以一周發布一到兩篇文章，其內容未定，可能是CSS教學文，可能是fortran教學文，又可能是轉貼文、科學文章，或者科普文章也說不定。

    但發文還是要看我自己私人的狀況，在此感謝一直以來支持我的讀者。鄙人因為私人因素暫時消失了4年，真的是不好意思。

  各位讀者有什麼問題都可以在下面留言板留言提問或討論喔！

arrow
arrow
    全站熱搜

    蒼穹神鷹 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄