- 博客(16)
- 资源 (1)
- 收藏
- 关注
原创 CSS完美兼容IE6/IE7/FF的通用方法
关于CSS对各个浏览器兼容已经是老生常谈的问题了, 网络上的教程遍地都是.以下内容没有太多新颖, 纯属个人总结, 希望能对初学者有一定的帮助.一、CSS HACK以下两种方法几乎能解决现今所有HACK.1, !important随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.)#wr
2008-07-11 23:47:00
520
原创 兼容IE和FF的字体阴影的方法
New Document *{ margin:0px; padding:0px; } .shadow { display:block; color:#000; FILTER:DropShadow(Color=#ff0000,
2008-07-11 23:03:00
696
原创 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
转载 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
转载 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
原创 网站配色,CSS主色调配色方案
一、红色的色感温暖,性格刚烈而外向,是一种对人刺激性很强的色。红色容易引起人的注意,也容易使人兴奋、激动、紧张、冲动、还是一种容易造成人视觉疲劳的色。 1、在红色中加入少量的黄,会使其热力强盛,趋于躁动、不安。 2、在红色中加入少量的蓝,会使其热性减弱,趋于文雅、柔和。 3、在红色中加入少量的黑,会使其性格变的沉稳,趋于厚重、朴实。 4、在红中加入少量的白,会使其性格变的温柔,趋于含蓄
2008-07-09 11:00:00
584
原创 网页设计学习XHTML应用小结
网页设计学习XHTML应用小结笼统来说,“标准网页”的文件组织就是XHTML+CSS。其中XHTML主要用来表示网页结构和显示内容,而CSS则是定义结构布局和修饰内容样式。 常用于布局的XHTML一般有: DIV:主要用于页面内容逻辑上的分块,比如一张网页一般包括头部、导航、侧栏、内容和版权等责任分区。此时即可使用DIV标签分割。 同时对各区块建议这样的命名: 头部:
2008-07-09 10:52:00
336
原创 仿网易的滑动门导航效果代码(DIV+CSS)
DIV+CSS实现的仿网易的滑动门导航效果代码,代码非常短小精悍,希望对您主页制作有用处。仿网易的滑动门技术,用DIV+CSS技术实现<!--#header {background-color: #F8F4EF;height: 200px;width: 400px;margin: 0px;paddi
2008-07-08 16:35:00
519
转载 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
原创 深入分析网页CSS隐藏文字和以图换字技术
打开电脑,感觉没有什么事可做,就随便拿起《css mastery》翻了下,刚好看倒图像替换这块,突然想起前些天曾有一网友问过该问题,就想总结出来,以便自己和网友今后参考。 正式进入使用方法总结之前,我们需要先理清几个概念,1.二者的区别:隐藏文字是要把你不需要显示的文字隐藏掉,可能因为它妨碍美观或暂时不需要显示,也就表明此时文字的视觉可视性和物理空间存在性都没有;而图象替换就是用设计好的图片以
2008-07-08 16:01:00
572
原创 CSS hack浏览器兼容一览表
CSS hack是指我们为了兼容各浏览器,而使用的特别的css定义技巧。这是国外摘来的一张CSS hack列表,显示了各浏览器对css hack的支持程度,对我们制作兼容网页非常有帮助。《CSS hack浏览器兼容一览表》在很多的网站都是以一个图片的形式出现,所以许多读者不能理解它的实现的用法,例如:p/roperty:value; ,这句到底是什么意思,其实只要你去了原文地址看它的代码例
2008-07-08 15:49:00
403
转载 闭合浮动元素让CSS代码更规范
按照CSS规范,浮动元素(floats)会被移出文档流,不会影响到块状盒子的布局而只会影响内联盒子(通常是文本)的排列。因此当其高度超出包含容器时,一般父容器不会自动伸长以闭合浮动元素。但是有时我们却需要这种自动闭合行为,具体如何处理呢? 有一种做法就是在父容器内再插入一个额外的标签,并令其清除浮动(clear)以撑大父容器。这种方法浏览器兼容性好,没有什么问题,缺点就是需要额外的(而且通常是
2008-07-08 15:44:00
360
转载 实用的CSS常见的问题和技巧总结
1、善用css缩写可以减少页面文件大小,提高下载速度,同时使代码简洁可读。如:div{ border-top:1px solid #cccccc; border-left:1px solid #cccccc; border-right:1px soli #cccccc; border-bottom:1px solid #cccccc;}可
2008-07-08 15:35:00
297
原创 根据时段自动切换网站的CSS风格
网站能切换几套CSS风格早已不是什么新鲜事了。大家也都知道怎么去弄。早上发现一个有意思得站点 http://www.leemunroe.com/ 同样是切换风格。不过他做了点小小的调整。站点会根据当时的时间自动调整站点风格。作者为站点制作了早上、下午、夜晚三套皮肤,主要是分别制作了背景。12点以前系统会使用早上的皮肤,过了12点,站点会自动替换成下午的风格,5点后则替换成夜晚的风格。
2008-07-08 15:25:00
332
转载 动态网页制作技术四则小技巧
动态网页制作技术四则小技巧每一个网页制作的初学者,都想让自己的网页更漂亮,看起来更专业。要想制作出声形兼俱的动态网页,您需要了解动态网页制作技术,它是建立在动态HTML语言(即DHTL语言)之上的一种新技术,它包括CSS文字效果,层技术,框架结构,push技术,JavaScript、Java和ASP等。(听不懂,太专业了!),听不懂没关系,您只要清楚,要使用Dreamwave3.0以上制作网页
2008-07-08 15:23:00
963
转载 CSS:清除浮动的最优方法
在CSS森林群里讨论一个margin的问题中无意间发现overflow也可以用来清除浮动,嘿嘿,这个方法不单使用简单,而且FF、OP、IE7都支持,从此可以告别那又长兼容性又差的FF清浮动的方法了。 方法真的很简单,只要为需要清浮动的标签加上overflow这个属性。 CSS代码 ul{list-style:none;height:auto;margin:0;pad
2008-07-08 15:15:00
492
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人