目前分類：++ 個人經驗 (14)

瀏覽方式： 標題列表 簡短摘要

從開始學寫css 樣式表到現在差不多有一年多了吧
記得以前第一次查閱無名標籤結構的時候
總是會發現在結構的最下方有好幾個不知道做ㄒ一ㄚˊ用的標籤
像是 extraDiv0....extraDiv1...footer...等等
沒有控制任何的功能

(繼續閱讀...)

toocrazy 發表在 痞客邦 留言(1) 人氣()

▲top
為什麼我的無名相簿都是 X X

這有兩個原因
如果在宿舍的話，是因為學校計中的防火牆把無名給擋掉了
這時候就要重新設定組態
(繼續閱讀...)

toocrazy 發表在 痞客邦 留言(0) 人氣()

▲top
float

若要決定區塊靠左還是靠右，就必須以文繞圖的方式編排
通常用於文章中的 圖片 ( 不用指定寬度 )
但也可以用於 其他的標籤  ( 須使用 width 屬性指定寬度 )
(繼續閱讀...)

toocrazy 發表在 痞客邦 留言(1) 人氣()

▲top
margin
　設定區塊和邊緣間的距離
　如果要設定上下左右邊緣的距離的話可以分開寫
　margin-top: 23px　　　上
 　margin-bottom: 57px　　下
(繼續閱讀...)

toocrazy 發表在 痞客邦 留言(0) 人氣()

▲top
display: none;                                                                               
visibility: hidden;
                                                                               
二者都是隱藏物件的語法                                                                                
但是他們的效果是不一樣的
(繼續閱讀...)

toocrazy 發表在 痞客邦 留言(0) 人氣()

▲top
就個人的經驗而言
我覺得 photoshop 在無名樣式的設計裡是很重要的
它重要在哪裡？
　‧想要設計一個新的樣式時，我會先用photoshop 畫一遍它的草稿
　　然後再慢慢修改，通常是調整排版、配色等等，直到覺得ｏｋ為止
(繼續閱讀...)

toocrazy 發表在 痞客邦 留言(0) 人氣()

▲top
在樣式的設計裡，背景可是一項很重要的東東呢～
它的重要在哪裡？　
以下就提供一些實例來說明它好用的地方


(繼續閱讀...)

toocrazy 發表在 痞客邦 留言(2) 人氣()

▲top
绝對定位
 　這個方法是設定區塊的绝對位置
　以區塊所處在的背景之左上方為原點
　這個定位是绝對的，不會隨著視窗的變動而改變

(繼續閱讀...)

toocrazy 發表在 痞客邦 留言(0) 人氣()

▲top
　

　上圖是相簿的簡易結構，我們會發現，相簿的各部分都被包在表格裡
　數一數共有三個表格，banner 、sidetitle 以及 小相簿區
　　
(繼續閱讀...)

toocrazy 發表在 痞客邦 留言(0) 人氣()

▲top
隱藏標籤
 　如果想要隱藏無名的某個部分，可以輸入 display:none
　輸入之後，物體會完全消失，和 visibility:hidden 不同的地方在於：
　display:none; 不會佔據空間
　visbility:none; 會佔據空間
(繼續閱讀...)

toocrazy 發表在 痞客邦 留言(0) 人氣()

▲top
　　製作自己的樣式已有半年多的時間了。第一次的接觸，是使用無名樣式小幫手來改改背景啦～標題大小啦～等等的東西，不過一直改的不順心，沒辦法做出我想要的感覺。由此，再加上以前就有設計過網站的經驗，所以我就決定去研究一下，看看到底要怎樣才能做出心目中想要的排版。
　　剛開始，我天真的以為編輯css有類似做網頁那樣直觀的軟體(如dreamwaver 這類)，後來找了很久都沒有結果，也只好硬著來改修改樣式表裡的標籤了。


接觸和學習
(繼續閱讀...)

toocrazy 發表在 痞客邦 留言(0) 人氣()

▲top
這個方法是我之前在做相簿時想到的。


 如果我只想要把封面照片這四個字用掉
 但是修改.small-c的話又會改到其他的地方
(繼續閱讀...)

toocrazy 發表在 痞客邦 留言(0) 人氣()

▲top

從接觸css到現在
也有半年多的時間
這段學習的過程，有順流也有逆流
不過最後還是走到了這兒，有了些小小的成果
因此，就想把自己學習的經驗分享給大家

(繼續閱讀...)

toocrazy 發表在 痞客邦 留言(2) 人氣()

▲top
有時候網路上提供的樣式結構說明的不夠清楚，或是看到了奇怪的標籤不知道它是幹麻的，該怎麼辦呢？通常我的做法是加上 border: 3px  solid  #000; 這條語法，如此一來，在未知標籤控制的區域就會有黑色的框框，這樣就可以知道那個標籤的作用了。
ex:　#banner {
　　　border: 3px  solid  #000;  }　　橫幅會出現黑色的框框


(繼續閱讀...)

toocrazy 發表在 痞客邦 留言(2) 人氣()

▲top