自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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

AjaxTab

将当前选中标签以特殊的样式显示 <br>将异步加载的页面信息显示到指定的DOM节点中

2008-06-24

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除