※ 引述《giyoshi (mm.....)》之銘言： : 最近從後端的php跟C++ 開始往前走到 Javascript XHTML css... : 發現CSS真的頗妙的...不過也碰到問題~~ : 首先是 : 我發現常常會動不動(如:字型顏色大小或粗細改變) : 就<div id="xxxxxx"> : 然後就去 css檔補上#xxxxxx{...} : 最後就是css檔感覺很大... : 讓我在想說難道寫css之前要做SA分析一下哪些DIV怎麼定義之類的? : 不然我覺得我的CSS檔好大...讓我不覺得維護起來會比較方便 : 還是因為我自己堅持想把CSS全部放在單一.css檔裡面造成的? : 第二個是 : 發現自己不是很了解 什麼情況要用class? 什麼時候要用id? : 我知道id是unique的...但是被我用起來好像都亂用 真糟糕(大部分都用id) 選擇器有三種，扣掉* 指所有物件以外， 一種是tag selector，直接針對全部<a> <span>， 如果你只是針對tag的外觀顯示字樣，可以用這個。 反正取交集嘛，看是客製化的成分多，還是一般化的成分多。 客製化多就認命一個一個指定，一般化多當然就寫class，看哪個比較省囉。 我的作法是沒有兩個以上要設定的話就寫id， 有兩個以上要設定就寫class (看語意，不是看語法一不一樣) 全部或有9成以上是一樣的就用tag。 我舉例，做某個網站的時候假設我用圖片(img)當button， 常常我們會需要對他下 cursor:pointer; (不要再用cursor:hand了！) 假設我只有要對他下cursor，這時候我可以有三個選擇， 一個是 img{ cursor:pointer;} 然後幾個少數特例再下 cursor:default; 另一個是 每一個去下 class="hand" ， .hand{cursor:pointer;} 再來另一種不建議的就是每一個都寫 #id 去指定 {cursor:pointer;} 至於字體變大或換顏色，我覺得是不是應該改用別的tag? 如<strong>或<b> 之類的，過於倚賴同一個tag其實也不是好現象喔... : 最後一個問題是 : 我以為運用css的話, 最好是將所有CSS集中在.css檔裡面 : 然後都用<link>的方式來產生網頁裡面的css : 這樣是對嗎?? : 還是說應該是共通的屬性丟在 common.css(假設) : 然後各網頁裡面定義自己獨有的css屬性?? 如果你每個頁面都有共有的 ex. 字體、背景 , 這些就適合丟common 然後各自的id/class如果差異很大，就寫自己的.css 反之 如果每個頁面都差不多 ，就寫一起就好了。 重點在於載入的時候不要一次載入太大量的資料 (以現在的網路 大概500KB可以算大量吧) 當然如果你有考慮到擴充性的問題，(通常這個不會考慮網站外觀的一致性) 就會比較建議每個網頁都自己寫一個。 像無名那樣，留言板/相簿/網誌都可以自定自己的版型。 : 感謝有經驗的前輩告知啊!!!! : 非常感謝~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -- 　▄▅▆▇███▇▆▅▄▃　　　　　　　　╰┼╯─╮ ╮　　　　　 　 　◥███████████◣　　　　　　　╰┼╯＝│=│　　　　　　　　 ◥██████───────◣　　　　＊．　╯　 ╯ ╯ の　物　語　．＊ 　◥███████──────◣　～　◢◣　　　　　　　　　　　　 ◢◣ 　◥██████───────◤　　　◥◤＊　　空白的世界．翼 ＊◥◤ 　◥██▁▂▃▄▅▆▇███▆▅▄▃▂▂～telnet://tony1223.no-ip.info --

※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 59.115.79.4