有自己的部落格,當然也要裝飾得更個性化一點,如果同時在覽器同一個視窗開很多個頁籤,那每個網頁能看到的就只剩網頁圖示了,這時候網頁圖示就非常重要阿,一起來看看要怎麼把自己的Wordpress圖示改成自己的代表圖吧~
閱讀全文 在WordPress設定自己的Favicon瀏覽器網址列上的icon圖示
分類彙整: HTML
網頁一定要用的google中文字型
最近常常會用到的google字型,先記錄下來,之後再整理~
閱讀全文 網頁一定要用的google中文字型
手機版網頁一按撥號 | RWD Mobile Website Click to Call
現在大家都用手機開網頁,「聯絡我們」的欄位如果可以按下就直接發話對使用者來說是比較方便的操作方法,作法很簡單,來看看吧~
閱讀全文 手機版網頁一按撥號 | RWD Mobile Website Click to Call
RWD網頁切版(八){認識絕對路徑和相對路徑}
剛開始接觸網頁製作的人都不太瞭解路行的使用方式,這一篇來介紹一下何謂「相對路徑」和「絕對路徑」
閱讀全文 RWD網頁切版(八){認識絕對路徑和相對路徑}
物件左右置中:text-align:center;、margin:0 auto; 的區別
網頁裡物件要置中對齊的方法主要有2種,margin:0 auto 與 text-align:center,這兩種方式有什麼不同,下面用範例來解說
閱讀全文 物件左右置中:text-align:center;、margin:0 auto; 的區別
純css控制div, iframe物件(youtube, google map…)長寬比, RWD 等比例縮放 | pure CSS make div, iframe element keep aspect ratio with RWD
iframe物件通常會在html裡直接設定尺寸,但製作RWD網頁時都是在css裡根據不同media制定Media Queries 媒體查詢,因此大家常常會用jQuery的方式直接計算寬高比,只是這個方法會讓網頁載入的時間延遲一點點,這一篇就介紹如何只用CSS來控制iframe物件的寬高比。
閱讀全文 純css控制div, iframe物件(youtube, google map…)長寬比, RWD 等比例縮放 | pure CSS make div, iframe element keep aspect ratio with RWD
RWD網頁切版(六){CSS float屬性:物件全部靠右且不併排}
想要製作全部靠右且不併排的區塊,只要加上float屬性之後再做一些調整就可以了
閱讀全文 RWD網頁切版(六){CSS float屬性:物件全部靠右且不併排}
RWD網頁切版(五){CSS float屬性:2欄排版3種設定方式}
2欄式網頁是最常見的排版之一,常用的方式有float和inline-block這種方式,這一篇介紹float的3種不同設定方法。
閱讀全文 RWD網頁切版(五){CSS float屬性:2欄排版3種設定方式}
RWD網頁切版(四){CSS float屬性:浮動 / 併排}
網頁上免不了要用到的區塊併排,常用的方式有float和inline-block這種方式,這一篇介紹float的設定方法和相關應用。
閱讀全文 RWD網頁切版(四){CSS float屬性:浮動 / 併排}
RWD網頁切版(三){CSS控制div,用id、class選取器}
雖然html5新增了很多專用的標籤,但整個網頁的構成,主要還是依靠一層又一層的div標籤來完成的,這一篇來瞭解最基本的div控制方式。
閱讀全文 RWD網頁切版(三){CSS控制div,用id、class選取器}