标签:css

高效的可维护的组件化的css

jaclon | CSS | 2010-11-19
本文由珍妮翻译自 Russ Weakley 的 Efficient, maintainable CSS 原文:http://isd.tencent.com/?p=1605 [阅读全文]

全面兼容ie,ff的CSS HACK写法

mindevil | CSS | 2010-11-17
写页面设计的朋友们,经常为浏览器CSS的兼容性头痛不已,经过本人的仔细研究发现一种好的写法,现在与大家分享: CSS代码: <style type=”text/css”> #body { border:2px solid #00f;     /*ff的属性*/ border:2px solid #090\9;   /* IE6/7/8的属性 */ border:2px solid #F90\0;     /* IE8支持 */ _border:2px solid #f00;     /*IE6的属性*/ } ... [阅读全文]

怎么解决flash遮住导航下拉菜单

mindevil | CSS | 2010-11-16
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="960" height="257">         <param name="movie" value="images/banner.swf" />         <param name="quality" value="high" />         <param name... [阅读全文]

注重SEO搜索优化的css命名规则

mindevil | CSS | 2010-11-16
搜索引擎可都是通过抓取你的网站源代码来进行亲密接触的,那么,如何才能更好地让搜索引擎的爬虫更快更准确地觉察到你的内容相关性,增强网站的搜索优化呢?可能从最基本的CSS的命名规则入手会有意想不到的收获,最基础的就是最有效的。 下面从前端设计的角度整理的CSS的命名规则,就很好地考虑到了搜索引擎的喜好,在页面设计的过程中,尽量做你懂,... [阅读全文]

5个写CSS的技巧

mindevil | CSS | 2010-11-12
1. CSS Reset/重置 你也许需要先了解什么是css重置。然后怎么样写css重置呢。 你可以copy Eric Meyer Reset, YUI Reset或其它css reset, 但你接下来应该根据你的项目改成你自己的reset. 不要使用* { margin: 0; padding: 0; } 。我个人很爱用,原作者提到使用这句并不适用一些元素比如单选按钮。不过俺博客里面也没有单选按钮,如果有,又重新给单选按... [阅读全文]

display:inline-block在IE6/Ie7和IE8中的区别

mindevil | CSS | 2010-11-12
在IE6、IE7中不识别display:inline-block属性,但使用inline-block属性在IE下会触发layout,从而使内联元素拥有了display:inline-block属性的表症。从上面的分析也不难理解为什么IE6、IE7下对块元素设置display:inline-block属性无法实现inline-block的效果。这时块元素仅仅是被inline-block触发了layout,而它本就是行布局,所以触发后,块元素依然是... [阅读全文]

浏览器中对象定位属性详细说明(图)

jaclon | CSS | 2010-11-11

各浏览器CSS hack表

jaclon | CSS | 2010-11-11
现在浏览器越来越多,用户的选择也就多,这当然是好事;可是它们对网页的解释却有所不同这给网页开发者带来了很多麻烦! 为了让不同的浏览器浏览同一个页面能呈现相同或相似的界面,只能使用css hack了, 下面给出css hack对照表: 此图片来自网络. [阅读全文]

让IE6也支持min-height

mindevil | CSS | 2010-11-11
min-height 这个属性不错, 定制一个最低高度, 防止在高度不够的时候, 布局出现偏差, 或是当搜到的内容较少时, 页面显的太短. 设定了最低高度以后, 就可以固定最低高度, 如果超过了最低高度还可以自动增加高度, 的确很大的帮到了我们. 但是 min-height这个属性只有IE7.0, Opera 和 Mozilla 支持, IE7.0以下的IE版本就不支持了, 那该如何操作呢? 其实也是... [阅读全文]

常用css代码片段

jaclon | CSS | 2010-11-10
1.清除浮动 .clear{clear:both;font-size:0;height:0;line-height:0;overflow:hidden} .clearfix:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix{zoom:1;} 2.文本自适应容器 ul{ width: 100px; overflow: hidden; } ul li { height:20px; line-height:20px; overflow:hid... [阅读全文]
Ɣ回顶部