文章分类 -  DIV+Css

图片垂直居中显示
摘要：代码 Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--> .img { display : table-cell ... 阅读全文
posted @ 2010-11-03 16:33 海底的鱼 阅读(159) 评论(0) 推荐(0)
图片显示中自动调整尺寸
摘要：由用户上传的图片尺寸，我们基本上只规定其总大小，而对图片的长宽不做限制，这就导致了图片的显示时候大小不能按照设计的格式显示，出现这种情况的时候，我们可以用样式来控制 但是样式来调控，出现中情况，就是图片第一次加载的时候，总是显示的很小，再刷新显示又正常，为了解决这个问题，我们可以使用JS来控制图片的... 阅读全文
posted @ 2010-11-03 15:12 海底的鱼 阅读(846) 评论(0) 推荐(0)
子div 相对于 父div 底部对齐
摘要： 阅读全文
posted @ 2010-06-28 16:27 海底的鱼 阅读(9538) 评论(0) 推荐(0)
图片宽度自动调整到DIV的宽度
摘要：代码 Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--> Code highlighting produce... 阅读全文
posted @ 2010-05-26 17:14 海底的鱼 阅读(182) 评论(0) 推荐(0)
几个JS弹出层效果
摘要：兼容FF/IE的可移动弹出层 阅读全文
posted @ 2010-03-24 12:43 海底的鱼 阅读(1451) 评论(0) 推荐(0)
ie6,ie7,ff 的css兼容hack写法
摘要：Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--> #example { background : #ff0000 ; width : 1... 阅读全文
posted @ 2009-10-11 22:17 海底的鱼 阅读(146) 评论(0) 推荐(0)
学习网页栅格系统的几篇好文
摘要：1.[蓝色理想]网页的栅格系统设计[1] http://www.blueidea.com/design/doc/2008/6171.asp2.[蓝色理想]网页的栅格系统设计[2] http://www.blueidea.com/design/doc/2008/6171_2.asp3.网页栅格系统研究... 阅读全文
posted @ 2009-10-11 22:16 海底的鱼 阅读(183) 评论(0) 推荐(0)
div+css布局之padding和margin的使用，及自适应100%的宽度
摘要：整体效果图： 话不多说，大家自己看，相信会有帮助 Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--> 黑色背景部分宽度为1002px;加上两... 阅读全文
posted @ 2009-01-15 16:12 海底的鱼 阅读(5734) 评论(0) 推荐(0)
Js实现marquee的效果
摘要：111111111111111 222222222222222 333333333333333 444444444444444 555555555555555 阅读全文
posted @ 2008-12-30 09:38 海底的鱼 阅读(345) 评论(0) 推荐(0)
Div+Css中关于padding和margin的一些总结
摘要：1: Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--> 黑色背景部分宽度为1004px;加上两边红色的边框宽度，整个是1006px 相... 阅读全文
posted @ 2008-12-23 12:05 海底的鱼 阅读(3889) 评论(0) 推荐(0)
table中的一些css的使用总结
摘要：1. table中的cellspacing="0" cellpadding="0" 在css中的代替 border-collapse:collapse;border-spacing :0; 阅读全文
posted @ 2008-12-10 14:54 海底的鱼 阅读(198) 评论(0) 推荐(0)
.net中关于主题的使用
摘要：首先我们建立一个主题文件夹，取名：UserCenter 然后在UserCenter文件夹下建立一个css文件，default.css（文件名随便取的），并且建立一个Skin文件，取名为：User.skin（文件名也是随便取的） 在default.css下：body {background:#ccc}... 阅读全文
posted @ 2008-12-09 21:03 海底的鱼 阅读(354) 评论(0) 推荐(0)
关于text-align的一些小说明
摘要：这两天一直在页面布局，惭愧啊，div学叻好久叻，还是不敢用啊，所以为叻项目的进度，只能用table，更惭愧的是，table用叻好几年叻，但是还是有N多地方出问题啊！想想真是郁闷啊！ 先说下遇到的问题吧！ 我在一个td中使用叻text-align:right（在IE下都是正常的，但ff下遇到比较多的问... 阅读全文
posted @ 2008-12-09 15:21 海底的鱼 阅读(172) 评论(0) 推荐(0)
css在各种浏览器中不同的写法
摘要：*margin:0px 0px -4px 0px !important; /***适合IE7.0***/ *margin:0px -5px -4px 0px; /****适合IE6.0***/ margin:0px 0px 0px 0px; /*****适合FF*****/ 区别IE6与FF： ... 阅读全文
posted @ 2008-12-09 12:04 海底的鱼 阅读(219) 评论(0) 推荐(0)
Javascript + Css 实现弹出窗体效果
摘要：整天效果图： 点击购买的链接，在页面中弹出一个div的提示框。 为实现这个效果，首先我们要使用div+css做出这个效果图。 Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHigh... 阅读全文
posted @ 2008-10-16 09:41 海底的鱼 阅读(1172) 评论(1) 推荐(0)
vertical-align:middle;
摘要：这个元素我们曾经在table中用的比较多就是可以使一行文字进行垂直方向的居中，但是在div 中我们使用这个来使层中的元素垂直方向居中，却起不了作用，在层中我们使用另外一种的方法。 { Line-height:20px; Height:20px; } 在层中我们把层的高度和行高设置为一个值，那么层中... 阅读全文
posted @ 2008-08-22 10:51 海底的鱼 阅读(1409) 评论(1) 推荐(0)
1象素高度的直线
摘要：#news_line { line-height:1px; overflow:hidden; margin:0px; padding:0px; background:#FFBB1A; width:100%; height:1px; } 阅读全文
posted @ 2008-08-22 10:51 海底的鱼 阅读(133) 评论(0) 推荐(0)
offsetTop、offsetLeft、offsetWidth、offsetHeight
摘要：offsetTop、offsetLeft、offsetWidth、offsetHeight 的介绍 阅读全文
posted @ 2007-05-29 16:30 海底的鱼 阅读(887) 评论(1) 推荐(0)
head区的其他设置
摘要：介绍下关于Head在页面的作用 阅读全文
posted @ 2007-04-18 16:03 海底的鱼 阅读(154) 评论(0) 推荐(0)