【筆記】Htmal / CSS 相關輔助工具

在學習修改自己的blog時，陸續找到一些小工具網頁，這邊列個清單起來，方便自己之後改語法時可以用到：

1. CSS3圓角框產生器
   使用教學：CSS教學－「CSS3圓角框」 線上語法產生器 | ♣梅問題‧教學網【Minwt】♣
2. CSS3漸層按鈕產生器
   使用教學：CSS教學－「CSS3漸層按鈕」 線上語法產生器 | ♣梅問題‧教學網【Minwt】♣
   
3. 查詢色碼 Color Hex
4. CSS 語法教學 - 1Keydata
   
5. Html符號轉換 Postable

語法迷宮

這兩天開啟blog就會想修版面，加點功能、改改字體或顏色什麼的，修了很久，但是回頭來看，老覺得還是有種陽春感(汗)

我會的修改方式，除了找教學，就是在Chrome對網頁想改的部分進行反白，按下右鍵，用「檢查元素」找到位置，調整CSS可以修改的項目，改改數值。等確認效果滿意之後，再貼回去後台的「新增CSS」裡，有時則直接修改Html的部分。改成功的時候會很開心，但很多時刻卻是貼回去之後沒起任何作用，作白工的時間也滿多的。

雖然現在看原始碼還是覺得一片花花綠綠像個迷宮似的，但是一點一滴地好像漸漸懂得語法要怎麼看了，至少margin和padding開始對我有意義。

......雖然離懂得網頁要怎麼寫還有一大段距離就是了。現在我只會修改已經有的東西，要加上自己想要的，沒有教學就辦不到，有教學也不一定看得懂@@

正式搬來Blogger!

正式從痞客幫Pixnet搬來Blogger! 原網址

這次也把在Pixnet的文章一起搬來，多虧了Blogtrans，搬文章好方便。不過在匯出匯入的過程中還是有些變化，之前的版主回覆跟留言合併在一起，而匯進來後文章內整個段落間距拉得好大；有些符號跑掉了，變成一串代碼；文章發佈的時間也跑掉了，可能是一開始我沒設定好Blogger時區的緣故，這問題也許能從CSS去改，也許要一篇篇改，所以我想這些小問題還是暫時就先讓它去吧!

這陣子的基礎練習

這篇的練習都是看著照片畫的。

萬事起頭難，起頭之後持續難，持續之後再次進步難，
不過跨過以上三難之後，就沒什麼難了~ 說是這麼說，但我老是卡在「持續」這關就是了，於是又要重新起頭(汗)

【筆記】自訂Blogger：小工具和CSS

搬家到Blogger。

很久以前就聽說Blogger的自由度很高，懂得語法的人可以將版面玩得很精彩，可惜我是屬於不懂語法的那一區；後來又聽說Blogger增加了很多模版和小工具，變得「親民」許多，可惜我仍然還是愚民，要調版面還是像要搬一座山似的困難OTL
所以只好慢慢學囉!

以下將陸續把我需要的項目筆記起來，以後要改版面時也不用重新找起：