随笔分类 -  CSS

vertical-align属性和用法
摘要：vertical-align属性与数值。见下面的表： 在表格中可以使用：vertical-align:top;让标题顶格显示； vertical-align:bottom;底格显示； 阅读全文
posted @ 2012-09-12 15:05 Uoolo 阅读(331) 评论(0) 推荐(0)
iframe的使用
摘要：iframe里可以加载一个新的网页<div id="tip" onmousedown="down(this.id)" onmousemove="move()" onmouseup="up()"> <div id="close" onclick="display()"></div> <iframe frameborder=0 id="tip_content" name="newwindow"> 阅读全文
posted @ 2012-08-03 10:20 Uoolo 阅读(188) 评论(0) 推荐(0)
让div居中的方法
摘要：var docWidth = document.body.offsetWidth; // var docHeight = document.body.offsetHeight; var divobj = document.getElementById("align"); var divWidth = divobj.offsetWidth; // var divHeight = divobj.offsetHeight; //让图片左右居中显示 var marginleft=(docWidth-divWidth)/2; divobj.style.marginLeft = mar 阅读全文
posted @ 2012-08-01 15:33 Uoolo 阅读(676) 评论(0) 推荐(0)
offsetTop获取top值
摘要：通过offsetTop获取top值，object.offsetTopobject.style.top不能获取top值，但可以设置top值 阅读全文
posted @ 2012-08-01 15:32 Uoolo 阅读(451) 评论(0) 推荐(0)
css表格单元格间距设置
摘要：通用：border-collapse:collapse; ie7、ie8兼容border-collapse: separate。单元格分开了，有间隙ie8、FF可用：border-spacing: 0px;设置了border-collapse:collapse那么border-spacing/cellspacing就无效了table有cellspacing、cellpadding等属性 阅读全文
posted @ 2012-07-31 09:56 Uoolo 阅读(22803) 评论(0) 推荐(0)
jquery文字广告
摘要：<!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> <title>广告</title> <script src="../js/jquery-1.4.4.min.js" 阅读全文
posted @ 2012-07-27 16:28 Uoolo 阅读(166) 评论(0) 推荐(0)
z-index
摘要：只有在Position为static才会忽略z-index 声明 阅读全文
posted @ 2012-07-27 11:23 Uoolo 阅读(150) 评论(0) 推荐(0)
Jquery autocomplete插件的使用
摘要：jquery.autocomplete参考地址 http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/ http://docs.jquery.com/Plugins/Autocompletehttp://www.open-open.com/ajax/ajax20080314223855.htmhttp://www.36ria.com/719例子：<html xmlns="http://www.w3.org/1999/xhtml"><head runat="server&qu 阅读全文
posted @ 2012-07-27 10:30 Uoolo 阅读(277) 评论(0) 推荐(0)
字体滚动多种方法
摘要：1.<marquee id="mar1" scrollAmount="2" direction="up" height="100" onmouseout="scollStart()" onmouseover="scollStop()">内容显示</marquee>marquee 参数：BGColor：滚动文本框的背景颜色。Direction：滚动方向设置，可选择Left、Right、up和down。scrolldelay：每轮滚动之间的延迟时间，越大越 阅读全文
posted @ 2012-07-26 11:08 Uoolo 阅读(1024) 评论(0) 推荐(0)
CSS教程：彻底掌握Z-index属性
摘要：CSS教程：彻底掌握Z-index属性大多数的CSS属性都很容易使用。常常，当您对标记语言的元素使用CSS属性时，产生的结果会随着您刷新页面而立即呈现。而另一些CSS属性，却会有一些复杂，且只能在给定的环境下才会工作。Z-index属性便属于上面所说的后面的那一组。Z-index无疑的比其他任何属性都会频繁的导致（兼容性）上的混乱和（开发者心理上）的挫败感。但滑稽的是，一旦你真正理解了Z-index，你会发现它却是一个非常容易使用的属性，并且会为解决很多layout 方面的挑战提供强有力的帮助。在这篇文章里，我们会准确的说明究竟什么是Z-index，它为什么会这么不为人所了解，并一起讨论一些关 阅读全文
posted @ 2012-07-26 11:00 Uoolo 阅读(519) 评论(0) 推荐(0)
css回页面顶部
摘要：<a name="top"/><a href="#top"><img alt="" src=""/></a> 阅读全文
posted @ 2012-07-26 10:55 Uoolo 阅读(140) 评论(0) 推荐(0)
【转载】CSS之Position详解
摘要：原文出处：http://www.cnblogs.com/Zigzag/archive/2009/02/19/position.htmlCSS的很多其他属性大多容易理解，比如字体，文本，背景等。有些CSS书籍也会对这些简单的属性进行大张旗鼓的介绍，而偏偏忽略了对一些难缠的属性讲解，有避重就轻的嫌疑。CSS中主要难以理解的属性包括盒型结构，以及定位。正如positioniseverything，本文将主要讲述关于position的理解，力求让您看完本文后对position有着最全面的认识。position的四个属性值：relativeabsolutefixedstatic下面分别讲述这四个属性。& 阅读全文
posted @ 2012-07-26 09:25 Uoolo 阅读(232) 评论(0) 推荐(0)
QQ网页交谈
摘要：<a target="_blank" href=tencent://message/?uin=1872377517&Site=http://www.motor2.cn&Menu=yes><img src=http://wpa.qq.com/pa?p=1:1872377517:1 alt="点击这里给我发消息" border="0" align="absmiddle"></a><a target="_blank" href="ht 阅读全文
posted @ 2012-07-26 09:16 Uoolo 阅读(166) 评论(0) 推荐(0)
ie6、ie7下overflow失效
摘要：如果父对象有overflow：hidden属性，子对象中的position属性是relative或者absolute，那么在ie6和ie7下父对象的overflow会失效，解决办法是给父对象加relative属性。 阅读全文
posted @ 2012-07-25 15:22 Uoolo 阅读(160) 评论(0) 推荐(0)
CSS实现DIV悬浮
摘要：position: fixed; right:10px; top:90px; 阅读全文
posted @ 2012-07-25 09:57 Uoolo 阅读(286) 评论(0) 推荐(0)
关于页面如何居中
摘要：body{text-align:center;}#tableFooter{margin:0 auto;}表格外的DIV虽然用了margin:0 auto; DIV内的表格还是无法居中，需要对表格设置margin:0 auto; 阅读全文
posted @ 2012-07-23 16:40 Uoolo 阅读(326) 评论(0) 推荐(0)
CSS：IE，Chrome，Firefox兼容性和CSS Hack
摘要：原作者：微米博客以前写过一篇关于CSS hack的文章，但近期回头看了看发现理解的不够深刻，总结的也不凝练，于是今天重新测试从新写一篇。常用的CSShack如下（笔者只对IE&FF&Chrome进行了测试）。hack列表（全部经笔者测试，且均为标准模式下，混杂模式由于很少会用到所以未对其进行测试）：其中粉红色部分为属性hack，黄色部分为选择器hack，它们可以结合使用。此外Firefox和Chrome也有它们专有的hack，详细hack方式及使用示例如下：Firefox：@-moz-document url-prefix() /*写在选择器外层时（只可写在此处）：Firefo 阅读全文
posted @ 2012-07-18 09:57 Uoolo 阅读(11965) 评论(0) 推荐(3)