CSS filename and ID

1、CSS文件命名规范
全局样式 global.css/master.css
基本共用 base.css

版面布局 layout.css

模块 module.css
主题 themes.css
专栏 columns.css

文字 font.css
链接 link.css
表单 forms.css

补丁 mend.css/patch.css

打印 print.css

2、ID命名规范
(1)页面结构
页面外围控制整体布局宽度:wrapper
页头:header
页面主体:main
侧栏:sidebar
栏目:column
页尾:footer

(2)导航
导航:nav
主导航:mainbav
子导航:subnav
顶导航:topnav

边导航:sidebar

菜单:menu
子菜单:submenu

标题: title
摘要: summary
内容:content/container

(3)功能
标志:logo
广告:banner
登陆:login
登录条:loginbar
注册:regsiter
搜索:search
功能区:shop
标题:title
加入:joinus
状态:status
按钮:btn
滚动:scroll
标签页:tab
文章列表:list
提示信息:msg
当前的: current
小技巧:tips
图标: icon
注释:note
指南:guild
服务:service
热点:hot
新闻:news
下载:download
投票:vote
合作伙伴:partner
友情链接:link
版权:copyright

ie6的小bug让我郁闷

这两天在做一个站点的时候发现ie6一个小bug的表现,具体成因是啥还没搞明白。代码如下:

  1. #a {
  2. width: 200px;
  3. padding:50px;
  4. margin: 0px;
  5. background-color: #006600;
  6. }
  7. #b {
  8. border-top: 0px;
  9. border-bottom: 0px;
  10. border-right: 3px solid #CC0000;
  11. border-left: 7px solid #CC0000;
  12. padding:50px 30px;
  13. background-color: #00CCFF;
  14. }
  15.  
  16. #c {
  17. width: 200px;
  18. background-color: #FF0000;
  19. }
  20. #d {
  21. background-color: #00CC33;
  22. }
  1. <div id="a">
  2. <div id="b">
  3. <div id="d">1</div>
  4. </div>
  5. <div id="c">2</div>
  6. </div>

这个bug的形成原因应该是和ie的盒模型有关。只是在调试过程中发现出现问题和id=”b” 的div的上下padding有关,也和他的内容有关。到底原因是啥呐?郁闷中。

CSS阴影

先把素材搞进来。

cat

上面是四张基本素材哦。哈哈。看到了么?

然后来一个效果看看吧。哈哈

update:因为换了blog,所以这个以后再整理一下,现在是什么都没有哦。呵呵