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: [...]

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

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

DIV＋CSS当今WEB开发流行前台页面布局方式。 完整的代码演示，细致的讲解，高胖胖老师带你迅速掌握DIV+CSS应用技巧。

DIV+CSS视频教程（一）下载地址:

  1. http://www.phpchina.com/download/vido/div.css1/div.css1.rar

DIV+CSS视频教程（二）下载地址:

  1. http://www.phpchina.com/download/vido/div.css2/div.css2.rar

DIV+CSS视频教程（三）下载地址:

  1. http://www.phpchina.com/download/vido/div.css3/div.css3.rar

DIV+CSS视频教程（四）下载地址:

  1. http://www.phpchina.com/download/vido/div.css4/div.css4.rar

DIV+CSS视频教程（五）下载地址:

  1. http://www.phpchina.com/download/vido/div.css5/div.css5.rar

注意:

  1. 视频资料来源于http://www.phpchina.com,只供大家学习交流之用,请勿用于商业用途!

在线观看DIV+CSS视频教程地址:

CSS基本概念

  1. CSS初探 - CSS基本知识 - 第1课http://learning.artech.cn/uploads/2007/05/30/20070530.html
  2. CSS基本语法与核心概念 - CSS基本知识 - 第2课http://learning.artech.cn/uploads/2007/05/31/20070531.html
  3. 设置丰富的文字效果 - CSS基本知识 - 第3课http://learning.artech.cn/uploads/2007/06/01/20070601.html

CSS/DIV布局专题讲解

  1. 设置图片效果 [...]

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图片撑破页面的问题了.