CSS

在网页设计中，很常用侧栏固定宽度，内容栏的宽度自适应，这样可以在不同的分辨率下，带给客户同样的良好体验。 这里以我博客的右侧栏固定、左侧内容部分宽度自适应为例。

代码效果请直接看演示吧：Demo演示 效果一代码 <style type="text/css" media="screen"> #login_frame .with-line { widt···

今天分享一个CSS的线性渐变功能，比较舒服，比起用图片来，方便不少！！ 要创建一个线性渐变，关键在于设置一个渐变的方向和渐变的起止颜色！ 这里直接给出一个示例，兼容各大主流浏览器，其中IE用了滤镜！ ···

年纪大了，有些东西得写下来！哈哈！！！ 问题：在浏览器兼容中，有些个HTML标签的 width 属性设定会无效，例如A、Span标签……

下面直接分享效果图吧：

ps.暂时收藏，稍后整理总结。 好多css hack，最重要的是简单实用能解决问题就行了，例如： .color{ background-color: #CC00FF; /*所有浏览器都会显示为紫色*/ background-color: #FF0000\9; /*IE6、IE7、IE8会显示红色*/ *background-color: #0066FF; /*IE6、IE7会变为蓝色*/ _background-color: #009933; /*IE6会变为绿色*/ } 总结： \9： IE6 IE7 IE8 *： IE6 IE7 _： IE6 *+： IE7（经我测试没多大用）

在做一个东西，需要这部分代码，但总是不太理想，后来听说天涯有这东西，CP下来，总结了一下，记录并分享。

CSS Sprites 简介：通常被意译为“CSS图像拼合”或“CSS贴图定位”。CSS Sprites并不是一门新技术，目前它已经在网页开发中发展得较为成熟，阿里巴巴各子公司的网页中到处都可发现css sprites 的影子。但CSS Sprites并不是什么金科玉律，但在很多情况下，它有着一定的优势，最重要的是它可以减轻服务器的负载，提高网页加载速度。随着Web设计向着精致、 巧妙的方向发展，设计师们开始考虑使用非Javascript的方式制作鼠标滑过、悬停菜单的效果，这时CSS Sprite应运而生。

一、使用css缩写使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》，这里就不展开描述。二、明确定义单位，除非值为0忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width=100，但是在CSS中，你必须给一个准确的单位，比 如：width:100px width:100em。只有两个例外情况可以不定义单位：行高和0值。除此以外，其他值都必须紧跟单位，注意，不要在数值和单位之间加空格。

问题来源于对dvbbs模板的修改，发现它的CSS对整体宽度控制是很简单的，原代码如下：.mainbox { margin-top:10px; width:97%; min-width:960px; clear:both;}