2008年6月5日 星期四

css概念


參考網址

http://www.hsiu28.net/style/

http://css.1keydata.com/tw/



如果以我的思考方式解釋css(cascading style sheet),css是一種表現網頁物件的方式,在css中,每個物件都是一個box,這個box中可以出現文字、圖片,也能設定這個box的邊框大小、背景的樣式,box中出現的文字、圖片也可以再進行設定,在網頁中出現的大大小小的box,組成了整個網頁的外貌。

組成網頁的box,可以在box中再裝進其他的box,或是進行box位置的排列,這會產生許多不同的變化,讓網頁產生不同的面貌,使用這種方式設計網頁,會使整個網頁的程式碼減少,因為是以box為單位,進行設定,而不是對所有的單一元素進行設定,而且不同的box,可以使用套用相同的設定,這樣不但使程式碼減少,而且網頁內容—html碼,及網頁呈現方式—css碼,可以完全分離,如果要改變網頁的外貌,只要更改css碼,所有的網頁外觀就會立刻更換,而不用繁鎖的一一更改所有網頁元素的設定。

花了點時間,用freemind把css的模式畫出來,也標記了常用的屬性,這樣要用到時就比較方便了,不用再上網查css屬性要怎麼用,也比較不容易在box model的迷宮中走失。

沒有留言: