什麼是CSS(Cascading Style Sheet),為什麼要用CSS

到底什麼是CSS(Cascading Style Sheet),又為什麼會有CSS呢?這個可問題還真是可以從我十多年前前始做網頁說起。

十 多年前我剛開始接觸網頁時,語法不過就只有h1 到 h6、p、pre、address、ol、ul、dir、menu、dl、b、i、blockquote、code、em、strong...等(大概是 這些吧!),後來自從MicroSoft加入瀏覽器的大戰後,突然語法越來越多,MicroSoft與Nescape二家大廠的瀏覽器大戰創造了許多與外 觀有關的標籤,如:IE 的marquee(跑馬燈)、Netscape 的 blink(文字閃爍) 等。

語法越來越多,當然有好也有 壞,好的是外觀的變化多了,設計師可以創作出更多好的網頁,但壞的是,新手設計師就更難進入(因為語法更多更雜了),更討人厭的是,二家大廠各自為自己的 瀏覽器開發出專屬的外觀語法,因為產生更多的標籤和屬性,這樣網頁的內容與呈現的標籤全都混雜在一起,造成編寫及修改網頁上的困難,尤其是當網站裡所有的 網頁需要外觀風格統一時。

因為上述的這些問題,一直持續將近有五、六年之久,一直到W3C 組織 訂定 HTML 4.0 標準時,便將樣式的概念引入了 HTML(我個人的認知,其實就是將排版的觀念,真正的落實到網頁內容裡),以簡化網頁設計的複雜度,讓文章的內容和格式交給 HTML,而讓文章的外觀呈現交給 CSS(Cascading Style Sheets,串接樣式表),這樣一來使得網站不但易於維護,而且可以讓不同平台與裝置存取網頁更為簡易。

而在HTML 4.01 裡,更要求依據文章的「標題」或「段落」等結構進行標示,視覺性的設計可於最後透過樣式表加以控制,所以許多原來與視覺有關的標籤和屬性都已經不建議使用 了,像是 font、strike、center 標籤,以及 align、bgcolor、body 的 text link vlink alink 屬性等,而用 CSS 來取代它們原有的功能(在我上課時,總是跟學生說,只要是與CSS在外觀功能上有重覆的,就要統一使用CSS來取代),W3C更進一步還希望將來以CSS 取代HTML裡的表格與框架等配置版面的語法

W3C更引進 XML (這是XML不但是一般網頁、FLASH、連新版OFFICE2007都是以XML做為交換文件的格式,這個有時間我們再開個專屬來討論)作為創造新標記語言的工具,但不希望放棄目前HTML的知識工具以及技術等架構,因此以HTML為基礎,創造出 XHTML 這個與HTML4.01相當接近的標記語言,成為邁向XML重要的第一步。

其實W3C更是希望,將來內容使用XML,運算方式除了現有的伺服器語法外,將來更可使用XSLT做為運算標準,而外觀當然就交給CSS囉,以達成所謂的MVC(MODEL、VIEWCONTROL)。

希望以上的說明,能讓你更瞭解,為什麼要使用CSS,更希望你能瞭解網頁標準化的重要性,如果你是一般使用者,理不理解倒是無所謂,但如果你是設計者,又或是電腦講師,不懂,不理解,我個人是覺得,是時候好好學習了。

0 Comments:

 
© 2008 Blogger Template Layout Design by [ Fanchie AirHead ]