-
CSS 避免使用滤镜
这个滤镜的问题在于浏览器加载图片时它会终止内容的呈现并且冻结浏览器。在每一个元素（不仅仅是图片）它都会运算一次，增加了内存开支，因此它的问题是多方面的。 IE独有属性AlphaImageLoader用...
作者：asdasdasd11-19 -
CSS Border属性制作小三角
效果如下：
作者：asdasdasd11-19
鼠标放上显示第二个的效果！这个不知道在哪里看的，转过来了，地址不记得了，感谢原作者
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/... -
CSS Sprite的一些最佳实践方法
下面是一张样图：
作者：asdasdasd11-19
图片1
本文的目的并不是讲CSS Sprite如何让一个网站更快，而是说一些使用CSS Sprite的时候的一些最佳实践。
不要等到你完成切片之后才开始sprite.
如果你边切... -
纯CSS搞定按钮、链接点击时的虚线
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
作者：asdasdasd11-19
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="... -
css盒子模型 css margin 外边框合并
CSS 框模型概述
作者：asdasdasd11-19
元素框的最内部分是实际的内容，直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。边框以外是外边距，外边距默认是透明的，因此不会遮挡其后的任何元素。... -
CSS Sprites简介以及优缺点
CSS Sprites简介
作者：asdasdasd11-19
通常被意译为“CSS图像拼合”或“CSS贴图定位”。CSS Sprites并不是一门新技术，目前它已经在网页开发中发展得较为成熟，阿里巴巴各子公司的网页中到处都可... -
网站导航菜单的分割线和水平居中
写这篇啰嗦的文章，缘由来自于Jorux Notebook的《什么是Semantics?》文章。
作者：asdasdasd11-19
实际上，从《网站重构》一书开始在国内流行之后，Zeldman提出的语义化标记就已经在一定程度上流传开来。在抛弃table布... -
条件CSS基本使用方法
毫无疑问，任何一个试图使用 CSS 的网页设计师和开发人员都会发现不同的浏览器要求不同的样式声明。这些烦恼归咎于各浏览器及其各版本不同程度的 CSS 执行的完整性。条件 CSS 是这个问题的一个解...
作者：asdasdasd11-19 -
css word-break word-wrap 前台显示自动换行
word-wrap是控制换行的。 使用break-word时，是将强制换行。中文没有任何问题，英文语句也没问题。但是对于长串的英文，就不起作用。 break-word是控制是否断词的。 normal是默认情况，英文单词...
作者：asdasdasd11-19 -
css 优先级关系
浏览器缺省设置 外部样式表 内部样式表（位于 <head> 标签内部） 内联样式（在 HTML 元素内部） 如果都在一个大级别下，id选择器样式优先级高于类选择器样式。而类选择器样式又高于标记选择器样...
作者：asdasdasd11-19 -
CSS对IE6、IE7、IE8支持详细的易用的参考
根据这些令人遗憾的统计结果，在为客户开发网站的时候开发人员对所有当前使用的IE浏览器做全面的测试是必要的，而且这样在个人项目上也可
作者：asdasdasd11-19
中文原文：CSS在Internet Explorer 6, 7 和8中的差别译... -
CSS first-letter伪类元素的特点
有一次我试图让<div id="acticle"><p>……</p></div>中的P也能实现首字下沉，可是结果却失败了，得出的结论是：我们并不能隔着一层标签去控制子对象中的第一个字符。
作者：asdasdasd11-19
由于这句存在误... -
绝对定位(absolute)和浮动定位(float)分析
在CSS中，实现分栏布局有两种方法。第一种方法是使用四种CSS定位选项(absolute 、static、relative和fixed)中的绝对定位(absolute positioning)，它可以将文档中的某个元素从其原本位置上移除，...
作者：asdasdasd11-19 -
input 文本框 文字垂直居中对齐 ie firefox
浏览器支持 所有浏览器都支持 line-height 属性。 这就奇怪了，既然支持为什么不居中呢？ 解决这个问题可以用pading设置上下填充，但是如果文本框有背景图片的话就会向下凸出一块，此时可以把ma...
作者：asdasdasd11-19 -
css 自动换行 强制换行属性 (firefox+ie)
语法： word-wrap : normal | break-word 取值： normal : 默认值 。允许内容顶开指定的容器边界 break-word : 内容将在边界内换行。如果需要，词内换行( word-break )也将发生 说明： 设置...
作者：asdasdasd11-19 -
footer 贴在底部的布局实现代码
footer位置自适应复制代码代码如下: <div id="wrap"> <div id="main" class="clearfix"> <div id="content"> ccc </div> <div id="side"> sss </div> </div> </div> <div id="footer"> fff </di...
作者：asdasdasd11-19 -
IE 选择符的4095限制
去年曾总结了《IE对CSS样式表的限制和解决方案》中限制的第4条写道“一个CSS文件的不能超过288kb？”，这是一个疑问句，当时没有重现出来且参考来自Internet Explorer CSS File Size ...
作者：asdasdasd11-19 -
CSS Expression 优化
IE 浏览器中 CSS Expression 特性的最大的问题：会反复执行，每秒钟可能执行了成百上千次，有严重的性能问题。
作者：asdasdasd11-19
如何对 CSS Expression 进行优化呢？
至少：如果我们将 CSS Expression 在匹配的元... -
css 教学实例 漂亮的搜索框
如图： 我就身教一回，代码如下：复制代码代码如下:<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>css教学(学生：Dream·Sky)</title> <style type="text/css"> .search{ba...
作者：asdasdasd11-19 -
li float后IE下有空格
复制代码代码如下: <ul> <li><a href='###'>LINK</a></li> <li><a href='###'>LINK</a></li> <li><a href='###'>LINK</a></li> <li><a href='###'>LINK</a></li> <li><a href='###'>LINK</a></l...
作者：asdasdasd11-19 -
css margin-left在IE6下的问题的解决方法
比如原来是margin-left:20px，经过ie6的解释会变成40px 解决办法是在原来的margin-left后再加上一个_margin-left:10px，变成margin-left:20px;_margin-left:10px 后者的样式将只适用于ie6 问题解...
作者：asdasdasd11-19 -
对css性能优化的一点看法
现在据我知道比较好的用来测试网页性能的工具有两个，分别为：老牌的雅虎yslow,新秀google page Speed。
作者：asdasdasd11-19
怎么会突然想起谈css与性能优化呢？其实这个问题我已经想了很久了，想写，但是也不知道从... -
CSS 网页布局时常犯的10个小错误整理
1. 检查HTML元素是否有拼写错误、是否忘记结束标记 即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。 2. 检查CSS是否书写正确 检查一下有无拼...
作者：asdasdasd11-19 -
IE8样式不正确显示问题
在<head>里添加<meta http-equiv="X-UA-Compatible" content="IE=7" />即可 注意要添加在引入样式表<link href="../css/css.css" type="text/css" rel="Stylesheet" />的前面
作者：asdasdasd11-19
... -
CSS 折叠的菜单实现代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
作者：asdasdasd11-19
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta h...