＃CSS

CSS 能夠用來建立很棒的視覺效果，除了可以透過一般的圖片工具來達成濾鏡效果，但是如果是使用網頁來建立編輯的話，可以透過 CSS 濾鏡來進行製作濾鏡效果，不會透過圖片直接進行編輯而是透過CSS就能完成，在短時間內就能建立令人驚嘆的效果，本篇文章會介紹一些濾鏡的使用方法。

本篇要來介紹製作WordPress佈景主題製作之一的 PHP 函式文章標題 the_title()，主要可以用來建立文章標題使用，可以說是WordPress 相當重要的語法，大多會出現在 WordPress 佈景主題中的 index.php、single.php…等等，在設計時也能夠搭配一些 HTML 語法來美化。

Easy Table of Contents 是 WordPress 一項內容目錄外掛，Easy Table of Contents 能夠在文章或者頁面中自動插文章目錄，透過文章目錄讓讀者方便掌握文章章節，也能夠因此來增加SEO搜尋引擎最佳化的效果。

GTmetrix是一個能夠檢測網站速度的免費線上工具，只需要透過輸入網址就能夠進行檢測網站速度，GTmetrix使用Google的Lighthouse評分系統，除了速度指標之外透過GTmetrix也能夠檢測出網站的性能與結構，並且得到網站改進的建議事項。

HEX 色碼是製作網頁、繪圖時常會使用的代碼，每個顏色都是以英文加數字的編號來做為辨識，大多的繪圖軟體本身都會提供選色器用來查詢CMYK、HEX色碼、RGB…等等顏色代碼，但更簡單的方法就是使用 Google 直接查詢了，只需要在 Google 搜尋上搜尋 Color Picker 或者HEX色碼，就會秀出 Google Color Picker 選色器，提供查詢 HEX色碼、CMYK、RGB…等等顏色代碼，讓網頁、繪圖製作者直接挑選類似的顏色，不需要透過軟體就能直接快速尋找到顏色代碼。

本系列文章是要介紹Web網頁以及WordPress佈景主題製作方法，因為這兩種製作方法皆有很大的關聯性，本篇會先來介紹最基本的html架構及語法標籤。

CSS compressor是一個線上CSS壓縮工具，透過這個網站能將原本複雜又長的CSS語法縮短，此外CSS compressor也能夠優化及減少CSS 不必要的語法。壓縮CSS檔案能夠在網頁瀏覽時增加載入速度，讓網站能夠在瀏覽時更順暢。

不知道有沒有發現本站的上方選單一直以來英文都是呈現大寫的英文字母，當時也沒有特別想要去修改這項，不過最近一直想改版所以才知道 text-transform 這項CSS語法能夠控制英文字母的大小寫。

Reset CSS 是一個為了避免各大瀏覽器的影響導致不一致而誕生的檔案，在一開始撰寫網頁時就必須先放上 Reset CSS 讓 CSS 設定重置歸零，避免在之後撰寫CSS時遇到一些瀏覽器顯示網頁排版不同。這次則是要介紹由 Eric A. Meyer 所撰寫的Reset CSS 語法，只需要將語法放置所撰寫的 CSS 檔案內就能擁有這項效果。

CSS3 其中有一項很特別功能 Opacity 也就是透明度，使用這個方法來製作許多效果。

在網頁框選文字時預設大多為藍底白字，製作網頁時就能使用 CSS3 的語法::selection來修改滑鼠框選時反白的顏色來增加多樣性，這次就來教學怎麼使用此項語法囉。

這次要來介紹 CSS 圓角語法，透過圓角語法讓上下左右的邊邊圓角化，只需要透過border-radius這項語法的調整就能很容易辦到囉。

製作網頁時會使用到 CSS 語法來撰寫樣式，使用內建的網頁語法檢視器時，每個區塊都會擠在一起，都需要特別仔細的去看每條的 CSS 語法，常常搞不清楚那一塊版面是哪段語法。如果需要很明確知道的話，Chrome 瀏覽器內的一款擴充工具 csscan，只要滑動網頁的區塊就能即時顯示 CSS 語法，每個區塊都標示得相當清楚。