iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 17
0
Modern Web

淺談web系列 第 17

鐵人賽DAY17-CSS(一)

一、何謂CSS
階層樣式表(Cascading Style Sheets,CSS)是由W3C(World Wide Web Consortium)定義及維護,目前使用的版本為第三版。已經有了HTML、XML、JAVA……等那麼多的工具來設定網頁的結構、關係與內容為何還需要有CSS的存在呢?相對於以上多種設定文件內容結構的工具,CSS主要用於設定網頁的顯示特性,包括字型、顏色、背景、位置……等,其主要目的是將檔案內容與顯示分隔開來。

二、CSS的優點與缺點
優點:
1.提升頁面載入速度:
比起以往皆須載入完才能顯示,在次架構下CSS的部分扔需一次載入,但HTML的部分在開啟頁面的時候,逐層載入即可,因此提升頁面載入時的速度。
2.提升修改時的效率:
比起以往修改顯示資訊時要一個一個到標籤開頭內做修改,CSS將顯示資訊集中,因此提升修改時的效率。
3.保持視覺一致性:
比起以往頁面與頁面,或者區域與區域之間的顯示效果會有偏差,CSS將顯示資訊集中管理,因此保持視覺的一致性。

缺點:
1.開發技術高:
比起以往直覺式的設計,CSS的設計較為複雜。
2.開發時間長:
由於瀏覽器還沒有統一,因此可能需要對不同的瀏覽器撰寫不同的CSS。
3.開發成本長:
由於開發技術提升,且開發時間拉長,因此比起以往使用CSS開發時成本較高。

參考資料:
1.https://www.youtube.com/watch?v=Ncer4iFbZBI&list=PLdSWxzxDhd3HVZuymPCIfMogPtVHWdxZ8&index=5
2. https://www.itread01.com/p/690509.html


上一篇
鐵人賽DAY16-HTML(四)
下一篇
鐵人賽DAY18-CSS(二)
系列文
淺談web30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言