2011年8月12日

css-ie 3px
摘要： DIV浮动IE文本出现3px间距的bug发生场合：当左边对象是浮动的，右边对象采用外补丁的左边距来定位，则右边对象内的文本会离左边有3px的空白误差。没加修正：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang 阅读全文
posted @ 2011-08-12 08:18 帘 阅读(329) 评论(0) 推荐(0) 编辑

2011年8月9日

css-进度条
摘要： <!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><meta http-equiv="Content-Type" content="text/html; charset=utf- 阅读全文
posted @ 2011-08-09 18:13 帘 阅读(1197) 评论(0) 推荐(0) 编辑
js-改变表格背景颜色
摘要： // 表格背景颜色变换function changeBg() { var tableBg = document.getElementById("allH_Table"); for (i = 0; i < tableBg.rows.length; i++) { if (tableBg.rows[i].tagName == "TR") { tableBg.rows[i].className = (i % 2 == 1 ? "list_tr1" : "list_tr2"); } else { break; } }} 阅读全文
posted @ 2011-08-09 13:16 帘 阅读(6205) 评论(0) 推荐(0) 编辑

2011年8月8日

css-折叠标签
摘要： <ul id="menu"> <li><a href="#"><h1>CSS是什么</h1> <span>不知道</span></a></li> <li><a href="#"><h1>HTML是什么</h1> <span>也不知道</span></a> <li><a href="#"><h1&g 阅读全文
posted @ 2011-08-08 23:44 帘 阅读(1401) 评论(1) 推荐(0) 编辑
css-图像地图
摘要： <div id="ImageMap"> <a href="#" class="tip" id="c1"> <span class="popbox">图片的评论1</span> </a> <a href="#" class="tip" id="c2"> <span class="popbox" >图片的评论2</span> 阅读全文
posted @ 2011-08-08 23:10 帘 阅读(216) 评论(0) 推荐(0) 编辑
css-提示消息
摘要： <a href="#" class="tip">CSS<span class="popbox">Cascading sytle sheets 层叠样式表</span></a>a.tip{ color:red; text-decoration:none; position:relative;}a.tip span{display:none};a.tip:hover{cursor:hand;}a.tip:hover .popbox { display:block; position:abso 阅读全文
posted @ 2011-08-08 22:50 帘 阅读(2158) 评论(0) 推荐(0) 编辑

2011年8月7日

css-右侧导航
摘要： <!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><meta http-equiv="Content-Type" content="text/html; charset=utf- 阅读全文
posted @ 2011-08-07 21:53 帘 阅读(1322) 评论(0) 推荐(0) 编辑
css-纵向导航
摘要： <!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><meta http-equiv="Content-Type" content="text/html; charset=utf- 阅读全文
posted @ 2011-08-07 21:22 帘 阅读(844) 评论(0) 推荐(0) 编辑
css-横向导航
摘要： <!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><meta http-equiv="Content-Type" content="text/html; charset=utf- 阅读全文
posted @ 2011-08-07 21:05 帘 阅读(2041) 评论(0) 推荐(0) 编辑
css-高度自适应的问题
摘要： 对象height:100%并不能直接产生效果，是因为跟其父对象有关。#center{height:100%;}上面的css样式是无效的，不会产生任何效果。需要改写：html,body{ margin:0px; height:100%;}#center{width:200px;height:100%;background-color:#666666;border:1px solid red;}对#center对象设置了height:100%,同时设置了html与body的height：100%，这就是高度自适应的问题所在，一个对象的高度是否可以使用百分之比显示，取决于对象的父类对象，在页面中，# 阅读全文
posted @ 2011-08-07 10:37 帘 阅读(22602) 评论(1) 推荐(2) 编辑

导航