随笔 - 470
文章 - 0
评论 - 176
阅读 -
511万
随笔分类 - 10~css
css中导入样式表和链接样式表有什么区别，我不是问语法，而是问内在区别，还有我怎么才能体会到他们的区别
摘要：1. link标签是属于xhtml范畴，而@import则是css2.1中特有的。link标签除了可以加载CSS外，还可以做很多其它的事情，比如定义RSS，定义rel连接属性等，@import就只能加载CSS了。 2. 加载的顺序的区别，link加载的css时，是一种并行(没有尝试是否是这样)加载CSS方式，而@import则在整个页面加载完成后才加载。3. 兼容性的区别，因@import是CSS2.1才特有的，所以对于不兼容CSS2.1的浏览器来说，无效。4. 在样式控制上(比如动态改变网页的布局时,使用javascript操作DOM)的区别，此时@import就无能为力了。
阅读全文
CSS中的display:inline-block
摘要：1、display:inline-block 让一个元素具有“区块元素”的属性（可以设置width和height），又具有“内联元素”的属性（不产生换行）。 2、IE中的inline-block IE6不支持这个属性，但IE8开始支持这个属性。 让IE6内联元素具备inline-block特性 由于inline-block会触发IE的layout，所以IE6中只要设置{display:inline-block;}即可。 让IE6区块元素具备inline-block属性，有两种方法 A、可以先触发layout，再设置为inline，需要注意的是这两个display必须在两个CSS...
阅读全文
CSS开发中常用技巧总结
摘要：CSS开发中常用技巧总结 使用css缩写好处 使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。 明确定义单位，除非值为0，以及px和em区别。 忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写 width="100"，但是在CSS中，你必须给一 个准确的单位，比如：width:100px width:100em。只有两个例外情况可以不定义单位：行高和0值。除此以 外，其他值都必须紧跟单位，注意，不要在数值和单位之间加空格。px单位适合固定布局如960Grid。 em适合流体布局。 使用 line-height 垂直居中，以及line-height和he
阅读全文
Tab 导航 css 样式 应用备份
摘要：实例效果图：html代码：<ulclass="navclearfix"id="nav"><li><ahref="/index.php?c=main&a=gift&m=default"class="a4"id="gift"> </a></li><li><ahref="/index.php?c=main&a=index&m=default"class=&
阅读全文
css实现透明度（兼容IE6、IE7、Firefox2.0）
摘要：1filter:alpha(opacity=50);2-moz-opacity:0.5;3opacity:0.5;
阅读全文
CSS布局口诀
摘要：如果在用CSS设计布局时遇到BUG，请认真阅读以下内容，非常容易记忆的，不知道哪位高人把CSS BUG编成了顺口溜了！看看好不好记住呢？一、IE边框若显若无，须注意，定是高度设置已忘记；二、浮动产生有缘故，若要父层包含住，紧跟浮动要清除，容器自然显其中；三、三像素文本慢移不必慌，高度设置帮你忙；四、兼容各个浏览须注意，默认设置行高可能是杀手；五、独立清除浮动须铭记，行高设无，高设零，设计效果兼浏览；六、学布局须思路，路随布局原理自然直，轻松驾驭html，流水布局少hack，代码清爽，兼容好，友好引擎喜欢迎。七、所有标签皆有源，只是默认各不同，span是无极，无极生两仪—内联和块级，img较特殊
阅读全文
去掉IE6下的链接虚线框
摘要：在IE6下，单击超链接后会出现一个虚线框，有时候不需要这个选线框，去掉的方法是加上hidefocus属性，如：<aid="test"href="#"hidefocus="true">去掉虚线框</a> 想要通过JS去掉的话，将hidefocus写成hideFocus，如：vara=document.getElementById("test");a.hideFocus=true;
阅读全文
CSS背景属性Background详解
摘要：CSS背景属性Background详解本文详解了CSS的背景属性Background，包括CSS3中新增的背景属性。如果你是个CSS初学者，还可以查看之前介绍的CSS浮动属性和CSS透明属性详解。css2 中的背景（background）CSS2 中有5个主要的背景（background）属性，它们是：[代码]这些属性可以全部合并为一个缩写属性： background。需要注意的一个要点是背景占据元素的所有内容区域，包括 padding 和 border，但是不包括元素的 margin。它在 Firefox， Safari ，Opera 以及 IE8 中工作正常，但是 IE6 和 IE7 中，
阅读全文
<转>IE6浏览器网页文字溢出的解决办法(重复字符bug)---隐藏float对其他float造成影响
摘要：今天在看一个项目的测试版的时候，发现了IE6文字溢出的BUG，文字出现了“重影”。<div style=”width:400px”><div style=”float:left”></div><input type=”hidden” value=”h...
阅读全文
【经验】在CSS中定义a:link、a:visited、a:hover、a:active顺序
摘要：摘自：http://blog.snsgou.com/post-2.html以前用CSS一直没有遇到过这个问题，在最近给一个本科同学做的项目里面。出现一些问题，搜索引擎查了一些网站和资料，发现很多人问到这个问题，给出的结果我试了试，大部分都不正确。给出我试的顺序，可能会对大家有一些帮助：代码Code ...
阅读全文
IE6 5px 3px Bug
摘要：IE6中img下部多出5px的空白解决4种方法2010-01-09 下午 05:47在IE6中 如果li元素中包含 a img 元素是后下部会出现5px的空白。当然需要这个空白时最好的。可是不需要这个空白的时候就麻烦了。怎么将它去掉呢？请看下面：htmlcss其中 temp.jpg 尺寸为 277×57Firefox 下的正常表现： IE6 下的非正常表现： 很明显地可以看到 IE6 中...
阅读全文
tab切换卡js效果
摘要：代码Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--<scripttype="text/javascript">/*tab切换选项卡js效果writedby***2010.08.131.currentid:string当前被激活菜单的id;...
阅读全文
css实现强制不换行/自动换行/强制换行
摘要：强制不换行[代码]自动换行[代码]强制英文单词断行[代码]
阅读全文
IE6下的CSS BUG枚举
摘要：1、终极方法：条件注释<!--[if lte IE 6]> 这段文字仅显示在 IE6及IE6以下版本。 <![endif]--><!--[if gte IE 6]> 这段文字仅显示在 IE6及IE6以上版本。 <![endif]--><!--[if gt IE 6]> 这段文字仅显示在 IE6以上版本（不包含IE6）。 <