親子學習-依樣畫葫蘆

2016.8.18 Blog部落格門面擺設

要吸引人要看文章，所以自已部落格的門面也要弄的漂漂亮亮的，註冊完後寫第一篇文件時，PIXNET就幫我套用固定的樣式如下圖：

可是我還是想要有點自己的風格，所以我上網搜尋了一些文件，我真的好多不懂喔!也好多要學的，

不懂什麼是CSS呢?所以上網搜尋到的資料如下：

■何謂CSS語法？ CSS (CASCADING STYLE SHEET) 中文翻譯為樣式表，是W3C組織所擬定出的一套標準格式。 W3C有鑑於網際網路的日益發達，網頁製作更是琳瑯滿目，之前的HTML漸不敷所需，也無法給網頁設計者較大的自由設計空間，於是乃訂定出CSS。現在網頁設計頗有名聲的DHTML(動態網頁設計)，CSS便在裡面扮演重要的角色。 一般的情況下，如使用市面上的網頁編輯軟體來編輯設計的話，編輯基本的網頁已是足夠的了，但其在設計配置的自由程度上並不是那麼的方便順心，並無法隨心控制網頁元素的需求要素。 如使用CSS樣式表來作編排，由於CSS有絕對位置和相對位置的概念，可以計設出多層次和陰影等效果及其他特效。 實際上CSS是一組網頁建構基礎樣式，CSS 主要增加了更多的樣式定義方式來輔助 HTML語言，透過 CSS樣式表的運作後，只要修改定義標籤（如：表格、背景、連結、文字、按鈕、Scroll bar ...等）的樣式，則其它各網頁相同標籤引用相同的樣式表檔案，所有引用檔案的網頁會呈現同一的引用樣式，建立一個風格統一的網站。 簡而言之，CSS 僅是在既有的網頁HTML語言中，加上一些輔助語法(Plugins)，藉以達到控制網頁外觀的另一個簡便的方式。

■ 檢視 CSS 的編輯結果： 當然是瀏覽器，因為 CSS 的主要功能只是讓網頁的格式、外觀得以完全操控，因此須透過瀏覽器才能看得到 CSS 的效果。您並無法在一般的網頁編輯軟體編輯的同時便能看到所須的效果。

■ CSS特點： 自訂網頁風格 網頁設計者所表現出的整體風格，有不會因為其瀏覽者的瀏覽器設定不同而改變。 網頁維護方便 當你的網站規模日漸龐大的時候，只要所有的網頁都是參照同一個樣式表檔案。 瀏覽器支援度佳 許多常見的瀏覽器已提供對 CSS 的支援。 優異的排版能力 類似於一般的桌面排版軟體，易於學習及上手。 建議您使用 IE5.0以上的瀏覽器檢視 CSS 的編輯結果。

 

以上說明讓我對CCS更了解了一點，簡單的中文翻譯就是：「樣式表」，而我原本想要自已設計自已的門面，可是我還沒有能力可以做，只好在PIXNET 中的樣式管理中挑選一個我喜歡的樣式來當我的門面了，PIXNET的樣式表在哪兒呢?

點進去之後，眼睛為之一亮，原來大家都好厲害，網路人才濟濟喔，設計的樣式好多!都好好看喔!突然間變的好難挑選自已喜歡的樣式喔!我挑了二個晚上呢!千挑萬選的....總算選好了!

就是它了「大王蘑菇人(By wonglulu)」!我好喜歡喔!謝謝設計者讓我們簡便套用讓部落格變的更漂亮，謝謝!

接下來我想要試著去將版頭換成自己喜歡的圖片！加油囉！