作者TonyQ (骨头)
看板Web_Design
标题Re: [问题] 最近写css的一点问题...
时间Sat Oct 6 11:02:33 2007
※ 引述《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
1F:推 giyoshi:感谢啊~~~给你个推!!!! 10/06 14:57