DIV+CSS
文章平均质量分 53
froshloveC
这个作者很懒,什么都没留下…
展开
-
IE6 IE7 IE8 FF 兼容性
以前做网页的时候,只考虑 IE6 和 FF 的兼容性,公司换了,要求也高了,FF和IE 6 7 8 要全兼容了,碰到要单独Hack IE8的。当然,用注释非常方便,只要添加相应的注释就可以解决。但问题是,为了一句CSS写多一个文件,或者在header上添加注释,那显然不是懒人的习惯做法。结论如下:selector{ property:value; /* 所有浏览器 */ property:valu...2009-09-19 09:24:49 · 97 阅读 · 0 评论 -
网易的两栏布局,左侧固定宽度
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>&原创 2011-11-01 18:53:37 · 159 阅读 · 0 评论 -
BackgroundImageCache的使用BUG发现
做web前端的同志们可以看看,特别是做英文站,中文我没有测试请看下面这一段代码_filter: expression(document.execCommand("BackgroundImageCache", false, true)); 我加了下划线,目前只让它在IE6下生效为什么要这么做呢如果不加下划线,让所有的IE都认这句css表达式的话会让文字字体出现不兼容性问题...2010-12-10 23:01:20 · 145 阅读 · 0 评论 -
注意细节 提高CSS的网页渲染效率
CSS学习越深入,我们需要关注的细节之处就越多,今天我们通过11个注意点来提高CSS的网页渲染效率。 1、十六进制的颜色值对位数与大小写 编写十六进制颜色值时你可能会用小写字母或省略成3位数,关于这写法没找到确实的数据证明对浏览器的渲染效率是否有影响,但十六进制的颜色值默认标准是大写及6位数标注。在未知情况下不希望冒险而降低了渲染的效率。 * 不赞成 - color:#f...原创 2011-03-13 18:40:38 · 85 阅读 · 0 评论 -
左侧固定 右侧自适应两栏布局
<!DOCTYPE html><html><head><style>div{ height:300px;}#demo1{ padding-left:300px; background-color:black;}#fix-demo1{ margin-left:-300px; width:300p...2011-09-15 11:01:32 · 102 阅读 · 0 评论 -
web前端使用gif和jpg格式图片的分析
这个需要当面用图片演示才能说清楚我就简单的介绍下 gif图片的特点是带色值的边缘都很清楚 jpg图片边缘不清楚,他的颜色都是递进的 gif适合需要将里面的文字,或者某些特别部分显示的很清楚的时候使用 而jpg格式则是应用于渐变,渐变的时候jpg要比gif清楚非常多 这是个美工告诉我的经验,确实是这样的 使用fireworks作为图片编辑器的人就很...2010-10-14 22:48:24 · 890 阅读 · 0 评论 -
float和inline-block的一些小细节问题
<style> div{width:400px;} a{width:200px;padding:0px;margin:0px;border:none;display:inline-block} </style><div><a href='#'>one</a><a href='#'>two</a>2010-10-14 22:32:06 · 152 阅读 · 0 评论 -
margin和padding的深入理解和使用分享
margin 和 padding的區別和用法分析1.字面意義一個叫做外邊距,這就是margin一個叫做內補丁,這是padding2.仔細分析文字意思margin:外邊距,什么是距?距就是距離,長度,所以margin是指某個元素與其他元素的距離padding:內補丁,我形象的說下,假設每個Dom都有一個border,就是邊框,那么內補丁就是元素跟自己內部的直接子節點的距離...2010-08-30 15:35:08 · 168 阅读 · 0 评论 -
apache服务器优化配置
apache服务器优化配置一、缓存修改取消注释LoadModule headers_module modules/mod_headers.so添加如下<FilesMatch "\.(ico|pdf|flv|jpg|jpeg|png|gif|js|css|swf)$"> Header set Expires "Thu, 15 Apr 2010 20:00:00 ...原创 2009-12-07 13:32:58 · 101 阅读 · 0 评论 -
css控制div绝对居中问题
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>&原创 2011-11-01 19:00:30 · 94 阅读 · 0 评论