這篇教學用簡單的4個提示

讓大家可以輕鬆的入門手動修改CSS程式碼

 

大家在佈置自己網誌的時候一定會發現有些角落很想要放大或縮小,

甚至是換顏色或移除,

如果想要做到比較進階的版面配置的話就需要直接去修改CSS程式碼

 

下面就列出4個小提示跟大家分享:

 

 

 

 

Tip1.如何進入後台CSS原始碼編輯,並且保持備份的好習慣

new_pic4  

記得備份!!!

 

Tip2每修改完一次程式碼之後可以先按預覽看看版面是否修改成功之後再進行儲存

    new_pic5  

 

  

Tip3善用瀏覽器chromeF12(開發人員工具)

pic7    

 

 

 Tip4找到在CSS原始碼編輯裡面相對應的位置以及想要修改的參數

以上一個步驟為例

因為在開發人員工具裡面看到的是header的參數

所以就去找到CSS原始碼編輯裡面的header參數在進行修改

pic8

background:後面放的就是背景圖片的網址

height:後面就代表這一格的高度是多高

可以試著修改數字嘗試讓他變大變小,然後按預覽確認

最後在調整到適當的高度大小之後就大功告成啦!

   

 

 

至於想要CSS的語法可以參考下列網頁

http://irw.ncut.edu.tw/peterju/css.html#sheets

 

希望大家都可以順利修改自己的排版

並且增進自己的CSS coding能力喔!

 

arrow
arrow

    古力咖啡因 發表在 痞客邦 留言(1) 人氣()