Archive for  css

笔记：制作爱主题网站时用到的针对firefox ie6 ie7的css样式

发表于 2009-01-13 18:49 : 评论 ( 没有评论 )

1 针对firefox ie6 ie7的css样式 现在大部分都是用!important来hack，对于ie6和firefox测试可以正常显示，但是ie7对!important可以正确解释，会导致 页面没按要求显示！找到一个针对IE7不错的hack方式就是使用“*+html”，现在用IE7浏览一下，应该没有问题了现在写一个CSS可以这样： #1 { color: #333; } /* Moz */ * html #1 { color: #666; } /* IE6 */ *+html #1 { color: #999; } /* IE7 */ 那么在firefox下字体颜色显示为#333，IE6下字体颜色显示为#666，IE7下字体颜色显示为#999。 2 css布局中的居中问题 主要的样式定义如下： body {TEXT-ALIGN: center;} #center { MARGIN-RIGHT: auto; MARGIN-LEFT: auto; } 说明： 首先在父级元素定义TEXT-ALIGN: center;这个的意思就是在父级元素内的内容居中；对于IE这样设定就已经可以了。 但在mozilla中不能居中。解决办法就是在子元素定义时候设定时再加上“MARGIN-RIGHT: auto;MARGIN-LEFT: auto; ” 需要说明的是，如果你想用这个方法使整个页面要居中，建议不要套在一个DIV里，你可以依次拆出多个div，只要在每个拆出的div里定义MARGIN-RIGHT: [...]

精通CSS+DIV网页样式与布局，光盘视频

发表于 2008-08-4 23:53 : 评论 ( 没有评论 )

DIV＋CSS当今WEB开发流行前台页面布局方式。 完整的代码演示，细致的讲解，高胖胖老师带你迅速掌握DIV+CSS应用技巧。 DIV+CSS视频教程（一）下载地址: http://www.phpchina.com/download/vido/div.css1/div.css1.rar DIV+CSS视频教程（二）下载地址: http://www.phpchina.com/download/vido/div.css2/div.css2.rar DIV+CSS视频教程（三）下载地址: http://www.phpchina.com/download/vido/div.css3/div.css3.rar DIV+CSS视频教程（四）下载地址: http://www.phpchina.com/download/vido/div.css4/div.css4.rar DIV+CSS视频教程（五）下载地址: http://www.phpchina.com/download/vido/div.css5/div.css5.rar 注意: 视频资料来源于http://www.phpchina.com,只供大家学习交流之用,请勿用于商业用途! 在线观看DIV+CSS视频教程地址: CSS基本概念 CSS初探 - CSS基本知识 - 第1课http://learning.artech.cn/uploads/2007/05/30/20070530.html CSS基本语法与核心概念 - CSS基本知识 - 第2课http://learning.artech.cn/uploads/2007/05/31/20070531.html 设置丰富的文字效果 - CSS基本知识 - 第3课http://learning.artech.cn/uploads/2007/06/01/20070601.html CSS/DIV布局专题讲解 设置图片效果 - CSS/DIV专题讲解 - 第1课http://learning.artech.cn/uploads/2007/06/04/20070604.html 设置网页背景 - CSS/DIV布局专题讲解 - 第2课http://learning.artech.cn/uploads/2007/06/05/20070605.html 设置表格与表单的样式 - CSS/DIV布局专题讲解 - 第3课http://learning.artech.cn/uploads/2007/06/06/20070606.html 设置页面和浏览器的元素 - CSS/DIV布局专题 - 第4课http://learning.artech.cn/uploads/2007/06/07/20070607.html 用CSS制作漂亮的菜单- CSS/DIV布局专题讲解 - [...]

css:wordpress插入图片撑破页面问题的解决

发表于 2008-05-30 10:31 : 评论 ( 没有评论 )

wordpress插入图片撑破页面一直困挠着没解决,上传大一点的图片就会撑破侧栏.今天终于找到了解决问题的办法,在css样式表中找到img,将代码修改为: img, a:link img, a:visited img { border:0; max-width: 600px; width: expression( this.width> 600 ? “600px” : (this.width+”px”) ); } 这样就可以解决WP图片撑破页面的问题了.