梅花問路

梅花的語法筆記

​檢視CSS標籤F12	​文章區塊 #content
＊開發人員工具＊	＊改文章標題字體、背景＊
​部落格整體 #body	＊改行距、邊界＊ ⛔
＊換背景底圖＊	公告版面 #spotlight
＊換字體＊	＊公告版面應用＊
＊換部落格ICON＊	實用推薦
＊設計LOGO＊	＊讓部落格可以被Google＊
​封面橫幅#banner/#header	＊Google Analytics分析＊
＊換封面底圖＊	其他應用
＊部落格標題敘述大小位置＊	＊梅花的語法筆記本＊
側欄區塊 #links	＊文章內的目錄(錨點)＊
＊改側欄標題的背景＊	＊關閉遮蓋版面的廣告＊
＊Facebook粉專外掛＊	＊隱藏上方藍色選單＊
＊音樂外掛＊	＊連結Google相簿＊
＊YouTube外掛＊	＊圖片瘦身不失真＊
＊分享連結階層＊

這個方法我也還在研究中，提供給已經對於CSS略懂略懂的朋友們試試看

先說一下【開發人員工具】要怎麼叫出來呢?

如果你是使用Google Chrome瀏覽器

Windows用戶直接在部落格頁面上按"F12"或是"Ctrl+Shift+I"

Mac用戶使用"Command+option+I"

如果你只會用滑鼠叫，可以在你的chrome視窗右上角找到這個更多工具開發人員工具

然後點選一下左上角的，然後滑鼠就移動到你想要找到CSS名稱的位置看看它的語法是啥!!!!!!!

你的滑鼠移動到哪個區塊，右邊的開發人員工具就會看到那個區塊的一些資料

左邊的框框可以看出來我要定位的這個公告欄標題名稱叫做 "h5"，右邊可以看到 它的<div id="spotlight">

所以我們進到後台的CSS語法裡，就可以搜尋看看這幾個關鍵字，果然就找到 "spotlight h5"

估計用這招可以解決掉一大部分找不到語法應該修改哪裡的問題

不過如果還是改了沒變化，可以多試看看幾組這個語法前後出現的語法關鍵字名稱去搜尋改看看唷!

本文參考資料: https://ofeyhong.pixnet.net/blog/post/222657375