Web_Design 板


LINE

※ 引述《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







like.gif 您可能会有兴趣的文章
icon.png[问题/行为] 猫晚上进房间会不会有憋尿问题
icon.pngRe: [闲聊] 选了错误的女孩成为魔法少女 XDDDDDDDDDD
icon.png[正妹] 瑞典 一张
icon.png[心得] EMS高领长版毛衣.墨小楼MC1002
icon.png[分享] 丹龙隔热纸GE55+33+22
icon.png[问题] 清洗洗衣机
icon.png[寻物] 窗台下的空间
icon.png[闲聊] 双极の女神1 木魔爵
icon.png[售车] 新竹 1997 march 1297cc 白色 四门
icon.png[讨论] 能从照片感受到摄影者心情吗
icon.png[狂贺] 贺贺贺贺 贺!岛村卯月!总选举NO.1
icon.png[难过] 羡慕白皮肤的女生
icon.png阅读文章
icon.png[黑特]
icon.png[问题] SBK S1安装於安全帽位置
icon.png[分享] 旧woo100绝版开箱!!
icon.pngRe: [无言] 关於小包卫生纸
icon.png[开箱] E5-2683V3 RX480Strix 快睿C1 简单测试
icon.png[心得] 苍の海贼龙 地狱 执行者16PT
icon.png[售车] 1999年Virage iO 1.8EXi
icon.png[心得] 挑战33 LV10 狮子座pt solo
icon.png[闲聊] 手把手教你不被桶之新手主购教学
icon.png[分享] Civic Type R 量产版官方照无预警流出
icon.png[售车] Golf 4 2.0 银色 自排
icon.png[出售] Graco提篮汽座(有底座)2000元诚可议
icon.png[问题] 请问补牙材质掉了还能再补吗?(台中半年内
icon.png[问题] 44th 单曲 生写竟然都给重复的啊啊!
icon.png[心得] 华南红卡/icash 核卡
icon.png[问题] 拔牙矫正这样正常吗
icon.png[赠送] 老莫高业 初业 102年版
icon.png[情报] 三大行动支付 本季掀战火
icon.png[宝宝] 博客来Amos水蜡笔5/1特价五折
icon.pngRe: [心得] 新鲜人一些面试分享
icon.png[心得] 苍の海贼龙 地狱 麒麟25PT
icon.pngRe: [闲聊] (君の名は。雷慎入) 君名二创漫画翻译
icon.pngRe: [闲聊] OGN中场影片:失踪人口局 (英文字幕)
icon.png[问题] 台湾大哥大4G讯号差
icon.png[出售] [全国]全新千寻侘草LED灯, 水草

请输入看板名称,例如:iOS站内搜寻

TOP