CSS
文章平均质量分 72
vs2005_net
喜欢研究新技术,对自我潜在价值有很大的修信心,并喜欢挑战自己的能力.
展开
-
闭合浮动元素让CSS代码更规范
按照CSS规范,浮动元素(floats)会被移出文档流,不会影响到块状盒子的布局而只会影响内联盒子(通常是文本)的排列。因此当其高度超出包含容器时,一般父容器不会自动伸长以闭合浮动元素。但是有时我们却需要这种自动闭合行为,具体如何处理呢? 有一种做法就是在父容器内再插入一个额外的标签,并令其清除浮动(clear)以撑大父容器。这种方法浏览器兼容性好,没有什么问题,缺点就是需要额外的(而且通常是转载 2008-07-08 15:44:00 · 360 阅读 · 0 评论 -
深入分析网页CSS隐藏文字和以图换字技术
打开电脑,感觉没有什么事可做,就随便拿起《css mastery》翻了下,刚好看倒图像替换这块,突然想起前些天曾有一网友问过该问题,就想总结出来,以便自己和网友今后参考。 正式进入使用方法总结之前,我们需要先理清几个概念,1.二者的区别:隐藏文字是要把你不需要显示的文字隐藏掉,可能因为它妨碍美观或暂时不需要显示,也就表明此时文字的视觉可视性和物理空间存在性都没有;而图象替换就是用设计好的图片以原创 2008-07-08 16:01:00 · 572 阅读 · 0 评论 -
CSS hack浏览器兼容一览表
CSS hack是指我们为了兼容各浏览器,而使用的特别的css定义技巧。这是国外摘来的一张CSS hack列表,显示了各浏览器对css hack的支持程度,对我们制作兼容网页非常有帮助。《CSS hack浏览器兼容一览表》在很多的网站都是以一个图片的形式出现,所以许多读者不能理解它的实现的用法,例如:p/roperty:value; ,这句到底是什么意思,其实只要你去了原文地址看它的代码例原创 2008-07-08 15:49:00 · 403 阅读 · 0 评论 -
兼容IE和FF的字体阴影的方法
New Document *{ margin:0px; padding:0px; } .shadow { display:block; color:#000; FILTER:DropShadow(Color=#ff0000,原创 2008-07-11 23:03:00 · 696 阅读 · 0 评论 -
CSS教程:li和ul标签用法举例
LI代码的格式化:A).运用CSS格式化列表符: ul li{list-style-type:none;}B).如果你想将列表符换成图像,则: ul li{list-style-type:none;list-style-image: url(/blog/images/icon.gif);}C).为了左对齐,可以用如下代码: ul{list-style-type:转载 2008-07-09 14:22:00 · 1001 阅读 · 0 评论 -
CSS书写规则 CSS书写规范
/* Suggested order://显示属性* display* list-style* position* float* clear//自身属性* width* height* margin* padding* border* background//文本属性* color* font* text-decoration原创 2008-07-10 22:29:00 · 353 阅读 · 0 评论 -
CSS完美兼容IE6/IE7/FF的通用方法
关于CSS对各个浏览器兼容已经是老生常谈的问题了, 网络上的教程遍地都是.以下内容没有太多新颖, 纯属个人总结, 希望能对初学者有一定的帮助.一、CSS HACK以下两种方法几乎能解决现今所有HACK.1, !important随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.)#wr原创 2008-07-11 23:47:00 · 520 阅读 · 0 评论 -
PDF,ZIP,DOC链接的标注
有时候我们希望能明确的用小图标来标明我们的超链接的类型。是一个zip文档还是一个pdf文件。这样访问者就知道他所要点击的这个链接是下载而不是打开另一个页面了。如果所有的人都使用IE7或者FF的话。我们完全可以使用[att$=val]属性选择器,寻找以特定值(比如.zip和.doc)结尾的属性。a[href$=".pdf"] { padding-right: 19px; background:转载 2008-07-09 11:54:00 · 324 阅读 · 0 评论 -
js+css图片自动等比例缩小且垂直居中
图片自动等比例缩小,其实如果不考虑ie6的话,用css就可以实现,设定img的max-width和max-height,而标签内不设定widht和height即可。 ie7已经支持max-width和max-height,这是为数不多的好消息之一。 但是对于ie6及以前的版本,就只能用js来设置了。 在 ff 2.0 / ie6 / ie7 / op 8.5+ / sa 3 中测试通过。 不过垂直转载 2008-07-08 16:14:00 · 591 阅读 · 0 评论 -
根据时段自动切换网站的CSS风格
网站能切换几套CSS风格早已不是什么新鲜事了。大家也都知道怎么去弄。早上发现一个有意思得站点 http://www.leemunroe.com/ 同样是切换风格。不过他做了点小小的调整。站点会根据当时的时间自动调整站点风格。作者为站点制作了早上、下午、夜晚三套皮肤,主要是分别制作了背景。12点以前系统会使用早上的皮肤,过了12点,站点会自动替换成下午的风格,5点后则替换成夜晚的风格。原创 2008-07-08 15:25:00 · 332 阅读 · 0 评论 -
仿网易的滑动门导航效果代码(DIV+CSS)
DIV+CSS实现的仿网易的滑动门导航效果代码,代码非常短小精悍,希望对您主页制作有用处。仿网易的滑动门技术,用DIV+CSS技术实现<!--#header {background-color: #F8F4EF;height: 200px;width: 400px;margin: 0px;paddi原创 2008-07-08 16:35:00 · 519 阅读 · 0 评论