博客小子：记录我们对互联网和生活的探索！ 注册 | 登陆
浏览模式: 标准 | 列表分类:DIV+CSS

10条你不可不知的css规则

Submitted by wayswang on 2009, June 15, 8:42 PM

CSS字体定义缩写规则

当你定义字体时用到以下这些属性：

» 阅读全文

Tags: css

DIV+CSS | 评论:0 | Trackbacks:0 | 阅读:3110

span元素float:right 后右对齐换行原因及其解决

Submitted by wayswang on 2009, June 11, 5:32 PM

以下代码显示不正常<div>

谷歌会稍微好一些，博客小子。
<span class="right">
其实百度是垃圾！！
</span>
</div>

» 阅读全文

Tags: css, span, float, 换行

DIV+CSS | 评论:3 | Trackbacks:0 | 阅读:6379

记录：用sorttable.js对表格进行排序

Submitted by wayswang on 2009, May 15, 2:44 PM

关于排序工具网上有很多，其中还有很多是ajax的。

可是我需要的是一个轻量级的工具，sorttable.js刚好满足我。

官方网站是：http://www.kryogenix.org/code/browser/sorttable/

» 阅读全文

Tags: sorttable, 排序

DIV+CSS | 评论:1 | Trackbacks:0 | 阅读:3911

Javascript显示/隐藏div函数

Submitted by wayswang on 2009, April 29, 7:29 PM

下面是js函数：
<script type="text/javascript">
function divcontrol(divid){
  if(document.getElementById(divid).style.display=="none"){
    document.getElementById(divid).style.display="";
  }
  else{
    document.getElementById(divid).style.display="none";
  }
}
</script>

» 阅读全文

Tags: javascript, 显示, 隐藏, div

DIV+CSS | 评论:0 | Trackbacks:0 | 阅读:5615

CSS布局开发参考规范

Submitted by wayswang on 2008, December 18, 10:33 AM

CSS网页布局也可以算是一个系统的工作，DIVCSS网站的开发可能有多人协作，由一个团队来完成，这就涉及到很多规范性操作的问题，即使是一个人进行开发，也需要有一定的条理和规范，这是一篇转载自蓝色的文章，非常有效，作者总结了很多实用的经验，大家可以参考学习。

» 阅读全文

Tags: css

DIV+CSS | 评论:0 | Trackbacks:0 | 阅读:2561

css命名规范

Submitted by wayswang on 2008, December 16, 10:35 AM

内容：content/container
导航：nav
侧栏：sidebar
栏目：column
标志：logo
页面主体：main
广告：banner
热点：hot
新闻：news
下载：download
子导航：subnav

» 阅读全文

Tags: css

DIV+CSS | 评论:0 | Trackbacks:0 | 阅读:2191

符合浏览器标准的span宽度定义

Submitted by wayswang on 2008, September 25, 6:05 PM

惊：width 属性并不总是有效的，如果对象是 inline 对象，width 属性就会被忽略。

居然以前都不知道。

囧！

» 阅读全文

Tags: span, web2.0

DIV+CSS | 评论:0 | Trackbacks:0 | 阅读:3167

css中float 和列表图片list-style-image不能正常解析的说明

Submitted by wayswang on 2008, May 25, 5:38 PM

IE6,7（其他版本未测试）中一个问题：就是同时执行css中的float 和list-style-image时无法正常执行list-style-image代码的内容。

IE的问题，一般来说请使用background-image+background-repeat即可正确解决问题。

例如：以下代码是理论上正确的代码，但是不能得到正确的结果。

.info li {

    list-style-image:url(/images/ok.gif);

    margin:0px 0 12px 5px;

    width:280px;

    float:left;

    padding-left:20px;

}

» 阅读全文

Tags: css, float

DIV+CSS | 评论:2 | Trackbacks:0 | 阅读:6625

Records:1312›