今天开始换新的reset

Yahoo UI Library里的reset.css,比我那段精简

  1. /*
  2. Copyright (c) 2006, Yahoo! Inc. All rights reserved.
  3. Code licensed under the BSD License:
  4. http://developer.yahoo.net/yui/license.txt
  5. version: 0.11.3
  6. */
  7.  
  8. body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
  9. table{border-collapse:collapse;border-spacing:0;}
  10. fieldset,img{border:0;}
  11. address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
  12. ol,ul {list-style:none;}
  13. caption,th {text-align:left;}
  14. h1,h2,h3,h4,h5,h6{font-size:100%;}
  15. q:before,q:after{content:'';}

百度百科的一个小效果

百度百科的一个小效果,感觉不错,取下来保存

方法就是普通的onMouseOve事件

Read the rest of this entry »

显示当前状态的导航

高手就不用看了,原理比较简单就是当点击链接的时候,把其余的链接样式设置成无,把当前的链接样式填充就OK了

小改一下以后,再加个层切换,就有点感觉了。

Read the rest of this entry »

一个搜索条样式,包括select的美化

一直以来用CSS控制select都没有实现过。还是只能用JS来模拟。

by youku

Read the rest of this entry »

符合标准的有序列表分页源码示例

一个符合标准的有序列表分页源码示例。

你可以根据你所应用的不同程序语言,打包生成一个符合标准的分页控件。

DOM结构:

Read the rest of this entry »

一个封装好的拖动层效果

一个封装好的拖动层效果

Read the rest of this entry »

网站508规范(译)

出处:蓝色理想和玩·艺|中国同步发布

Guide to the Section 508 Standards for Electronic and Information Technology

第508标准的电子和信息技术指南

原文地址:http://www.access-board.gov/sec508/guide/1194.22.htm

Web-based Intranet and Internet Information and Applications (1194.22)

基于web的联网和互联网信息和应用(1194.22)

更新时间: 2001年6月21日

Read the rest of this entry »

一个CSS相册 BY子鼠

代码和CSS不是最优的。有相当大的优化空间。

另外,在现实中,我想也不会有人用这个东西来作相册,我想实现的只是CSS和HTML在一起到底能作什么。 玩呗! 挑战无处不在!

Read the rest of this entry »

JS的左右两列自动拉伸对齐

前边发了个后遗症比较多的自动对齐,现在发个JS的高度自动对齐代码。

Read the rest of this entry »

常用的命名

命名参考

  1. 常用的CSS命名规则:
  2. 头:header
  3. 内容:content/container
  4. 尾:footer
  5. 导航:nav
  6. 侧栏:sidebar
  7. 栏目:column
  8. 页面外围控制整体布局宽度:wrapper
  9. 左右中:left right center
  10. 命名全部使用小写字母,如果需要多个单词,单词间使用“-”分隔,比如user-list

Read the rest of this entry »