兼容IE6 position:fixed

Tags:CSS, fixed, position.

IE6以下不能理解style = “position:fixed”,
所以我们要用javascript来兼容rubbish的它

我们要在js文件里写么，no，因为是IE，我们有更好的方式，那就是style.setExpression

也许应该这样
obj.style.setExpression(‘top’,'document.body.scrollTop + 100′); (全文…)

【转】HTML属性以及相对应的CSS方法

Tags:CSS, html.

align=”left” HTML/CSS float:left;
align=”right” HTML/CSS float:right;
使用CSS可以浮动 任何元素:图片、段落、div、标题、表格、列表等等
当你使用float属性，必须给这个浮动元素定义一个宽度。

marginwidth=”0″ leftmargin=”0″ marginheight=”0″ topmargin=”0″ HTML/CSS margin: 0;
使用CSS, margin可以设置在任何元素上, 不仅仅是body元素.更重要的，你可以分别指定元素的top, right, bottom和left的margin值。 (全文…)

CSS的优先权

Tags:CSS.

优先权问题其实就是一个冲突解决的问题，当同一个元素(或内容)被CSS选择符选中时，就要按照优先权取舍不同的CSS规则，这其中涉及到的问题其实很多。

首先就是CSS规则的specificity(特殊性)，CSS2.1有一套关于specificity的计算方式，用一个四位的数字串(CSS2是三位)来表示，最终specificity越高的规则越特殊，在优先级判定时也就越有优势。 (全文…)

IE, FireFox, Opera 浏览器支持Alpha透明的方法

Tags:CSS, 透明.

先请看如下代码：

filter:alpha(opacity=50); /* IE */
-moz-opacity:0.5; /* Moz + FF */
opacity: 0.5; /* 支持CSS3的浏览器（FF 1.5也支持）*/

(全文…)

让max-*, min-*在IE6中有效的解决方案

Tags:CSS, ie6, max, min.

max-width、max-height、min-width和min-height这四个性质（property）分别表示最大宽度、最大高度、最小宽度和最小高度。它们在CSS中有着很重要的作用，比如，它们可以用来很好地协调各种不同分辨率下用户端（client）的显示效果，举个例子，你设计的网页由于侧栏（sidebar）过宽，当用户使用640*480或者更小的分辨率浏览网页的话，就会导致内容（content）栏过窄，影响用户的阅读，一个办法是，把内容或者包含内容的div的宽度固定一个最小值，姑且是780px吧，那么我们可以这样写：min-width: 780px;，这样，当用户端分辨率的宽度在小于780px时，会在水平位置上出现滚动条，不至于影响布局，用户稍微移动一下滚动条就可以方便阅读主要内容。
(全文…)

完整的CSS工具列表

Tags:CSS, tool.

用户界面

• I Like Your Color
  输入URL然后它会抓出其中的颜色并用16进制表示。
• CSS Multi-element Rollover Generator
  使用CSS和一个图片创建出一个翻转按钮的样式。
• CSS Rounded Box Generator
• Ruthsarian Layouts
  6个CSS页面布局模板，包括颜色、标题等。
• Bluerobot Layout Reservoir
  2栏和3栏的CSS布局框架
• Glish CSS Layout techniques
  2、3、 4栏的CSS布局框架
• The Layout-o-matic
  输入页宽、栏数和padding，它会自动生成CSS和HTML的布局框架。
• Little Boxes
  w3cn.org上提供的那些布局模板
• Open Source Web Design
  各种免费的完整页面模板
• Web Builders’ Toolkit
  更多的模版资源
• Iconico Online CSS Scrollbar Color Changer
• List-u-Like
  一个CSS菜单生成器：轻松创建采用li并兼容各种浏览器的导航菜单。
• Nifty Corners: 无需图片的圆角矩形
• Round Corner Stone/Icon (rcsi) V1.0
  增强的圆角矩形
• Xylescope
  无需下载其他站点就能轻松分析其CSS代码。
• W3C Core Styles
• Checkliste zur Webseitengestaltung
• Testseite zur Zeilenbreite

(全文…)

网页标准化-CSS命名规划整理

Tags:CSS, tip.

(一) 常用的CSS命名规则：

头：header
内容：content/container
尾：footer
导航：nav
侧栏：sidebar
栏目：column
(全文…)

开源JS菜单收藏—–JSCookMenu

Tags:CSS, js, JSCookMenu, menu.

JSCookMenu的作者是一个在美的中国留学生－－－袁衡。中国人发起的开源项目不多，能被广泛使用的就更少了，这也是当初吸引我的一个地方。

(全文…)

Using CSS to Fix Anything: 20+ Common Bugs and Fixes

Tags:bug, CSS, fix.

Without a doubt, a logical and structured layout is the best way to go. Not only because your layout varies between browsers, but also because CSS has a lot of ways to position every element you have. Today we wanted to share with you some quick tips on how to avoid easy pitfalls when creating your CSS layout.

This is the first part in this series as there are SO MANY good tricks out there and if you see an easier or better methods, then post a comment below or email me. I will do my best to include it in our next post in this series.

(全文…)

CSS无所不能：50多个创造性实例讲解

Tags:CSS.

CSS有很强的能力创造大量丰富而独特的技术，有很多创造性的手法和技巧

样式列表

The Amazing <li> – 用一小段CSS，“<li>”在一个WEB设计师的手里就变成了许多很丰富和多功能的标签。这篇文章就是j教你如何使用和称赞这个令人惊奇的“<li>”标签。

(全文…)