2012-7-7 15:55 Saturday  

一、CSS HACK

以下两种方法几乎能解决现今所有HACK.

1, !important

随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.)

<style>

#wrapper

{

width: 100px!important;

width: 80px;

}

</style>

2, IE6/IE77对FireFo...

阅读全文>>

2012-6-1 21:18 Friday  
<div style="width: 21px;padding:0;position: fixed;top: 300px;_position: absolute;_top: expression(documentElement.scrollTop + 300 + 'px');right: 0;border: 1px #CCC;border-right: none;border-radi...

阅读全文>>

定义表单select高度后,文字上下没居中的解决方法。

如果一个select高度设为20px;则它和其它的input的结果不一样,它的实际组成为上下边框各1px,内容18px,而不是内容20px,边框不算在高度以内。

另外,当对select使用padding后,你会发现,此时内容的高度不是保持不变,而是在height的基础上减去上下padding,而不是其他input那样,如果设置高度了,再设置pad...

阅读全文>>

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />

 

 

 

阅读全文>>

2012-5-3 8:29 Thursday  
1、终极方法:条件注释

<!--[if lte IE 6]> 这段文字仅显示在 IE6及IE6以下版本。 <![endif]-->

<!--[if gte IE 6]> 这段文字仅显示在 IE6及IE6以上版本。 <![endif]-->

<!--[if gt IE 6]> 这段文字仅显示在 IE6以上版本(不包含IE6)。 <...

阅读全文>>

IE6下a设置display:block后,宽度100%的解决方案,那就是设为display:inline-block;

阅读全文>>

IE6 png的background-position定位无效的问题,改用gif格式就没问题了。

据说用8位png就没问题了,但是我没测试,麻烦。

阅读全文>>

2012-4-27 19:31 Friday  

通常来说,CSS非常简单。但是当浏览器厂商开始实现CSS3特性,问题开始变得有些复杂了。不难,只是有些复杂。这可能包括两个方面:首先有些心 得CSS3属性(比如,transition、渐变、transform等)不是那么简单,其次我们不得不使用浏览器厂商指定扩展。

直到你最喜欢用的IDE原生支持CSS3,你最好的伙伴将是CSS3生成器、手册、参考指南以及基于JS的方案。这正是本文要推荐的,这里将收...

阅读全文>>

2012-4-27 19:19 Friday  

在过去,我们都是使用图片或者JavaScript来实现漂亮的按钮效果,随着越来越多的浏览器对CSS3的支持和完善,使用CSS3来实现美观的按钮已没有太多的障碍。今天,本文收集了12个很不错的CSS3按钮方案并有相关的使用教程。

来源:html5cn

BonBon Buttons

Zardi

CSS3 Buttons With Simple Markup

Fancy Buttons

10 Nice CSS3 B...

阅读全文>>

今天一个项目,

<div class="title">
                <a href="/category-5/">女袜</a>
                <ul>
                    <li><a href="/category-5/">更多&gt;&...

阅读全文>>

1,  Arial

微软公司的网页核心字体之一,最常用的sans serif字体,当字号很小时不容易阅读。但是,大写的“I”和小写的“l”是无法区别的,你可以考虑用Tahoma字体来替代。
(苹 果系统没有这种字体,但有一种对应于Arial的字体叫Helvetica,它是MAC机上与Arial 字体最相似的WEB字体,是别一种非衬线字体.它是一种性能优良的打印字体,但在屏幕上表现...

阅读全文>>

<ul>
<li>啊哈哈</li>
<li>哈哈啊</li>
</ul>
当以上li float:left;或是float:right;后,ul的高度将会为0,造成无法对ul margin,此时的解决办法就是对ul也进行float。

 

ps:我是CSS新手,有好的方法烦请告诉我哈

 

 

 

...

阅读全文>>

2012-3-19 23:37 Monday  
white-space: nowrap;

/**下面这个方法也可以,特别是对于a**/

display:inline-block;
没什么好说的,就是禁止文本到边界了自动换行。

阅读全文>>

2012-3-18 11:33 Sunday  

想要 <div class="fdiv">我要浮动并居中</div>浮动并居中的方法其实很简单,代码如下:

.fdiv{
width: 300px;
height: 200px;
position: absolute;
background: #fff;
border: 1px solid #bbb;
left: 50%;
top: 50%;
margin...

阅读全文>>

代码如下

<lable><input type=checkbox id="the_id" name=”checkbox"  />这是复选钮</lable>

解决的方案就是表单和文字都加上vertical-align:middle即可

<lable><input type=checkbox id="the_id" name=”checkbox...

阅读全文>>