新版bianchengla的改版
2009 十二月 28
前几天根据刘逸尘学长的设计图写出了新版编程啦(http://www.bianchengla.com)的内页，第一次切分比较复杂的设计图感觉自己以前写页面时画的设计图实在是很简单，原来自己可以切出来更复杂的嘿嘿~~
我写的页面
出于保持页面效果考虑还是用了英文，保证了页面的视觉效果(律动感?也许吧)。然后普遍的使用了id而不是class，因为自己一直觉得页面唯一的元素用class很别扭，就像<div class=”wrap”></div>或是<div id=”postTitle”></div>一样，不过写出来后感觉CSS很乱，写得也很累，然后发给刘魁梁学长。他回传了一份修改后的页面：
学长改后的页面
他用中文代替了英文，而且将id换成了class，初看觉得别扭，但是CSS代码却简单了很多，看来是自己误用了，id应该对应js的调用。然后class命名得也比我的清晰很多，嘿嘿学到不少~
然后依旧纠结于Logo究竟算内容层面还是样式层面，姑且写成<div class=”logo”><span>编程啦</span></div>( .logo span:{ display: none; } )
刚刚从北航未来花园BT站下载了计算机图书大全和北航课程资料，然后新东方的日语教学视频一直没有种子，等啊等啊~~
相关日志
5 Responses
leave one →
速度好快啊~~~
页面看起来很不错。。你那个搞设计的学长很强大。。。
话说我也是id，class乱用。。准确的说是基本全都是id，通用的样式属性我才用class。。。
为啥写个“编程啦”的字，然后display: none呢。。不解。。
嗯嗯，应该是涉及js的采用id。
搜索引擎友好，最重要的是当CSS没有加载成功时也可以显示出“编程啦”三个字。
呃，原来是这样啊。。
考虑的挺全面，呵呵~
id和class问题，考虑的一个因素是CSS继承，如果在body通过id定义了样式，那么其它所有的class都不能覆盖它定义的样式。刘魁梁写了一份编程啦CSS编写规范，有兴趣可以看一下。ps: 回复的浮动有bug
看到了那份规范。自己写时因为优先级的关系几乎每条样式前面都有一长串id，确实感觉很麻烦。看来要学的还很多呵呵。
一直很懒所以很多bug一直将就着，考完试再弄…
ps:发了封邮件给你…