Re: [問題] 最近寫css的一點問題...
※ 引述《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
推
10/06 14:57, , 1F
10/06 14:57, 1F
討論串 (同標題文章)
本文引述了以下文章的的內容:
完整討論串 (本文為第 2 之 2 篇):