 | IE和firefox对css兼容问题总结 | (2011-06-14) | | CSS对浏览器器的兼容性具有很高的价值,通常情况下IE和Firefox存在很大的解析差异,这里介绍一下兼容要点。 常见兼容问题: 1、DOCTYPE影响CSS处理 2、FF:div设置margin-left,margin-right为auto时已经居中,IE不行 3、FF:body设置text-align时,div需要设置margin:au... | |
 | 用css实现图片成比例缩放 | (2011-06-14) | | 按比例缩小或者放大图片到某个尺寸,对于标准浏览器(如Firefox),或者最新IE7浏览器, 直接使用max-width,max-height;或者min-width,min-height的CSS属性即可。如: img{max-width:100px;max-height:100px;} img{min-width:100px;min-height:100px;} 对于IE6及其以下... | |
 | css长度单位(em)与em标签详解 | (2011-06-14) | | 在CSS中支持多种长度单位。它们可被分成两大类:绝对长度单位(以不依赖于显示设备的绝对尺寸来定义长度);相对长度(相对其它为浏览器所知的单位来定义长度)。 绝对长度度量可使用五种单位:英寸(in)、厘米(cm)、毫米(mm)、磅(point,写作pt)、字高(pica,... | |
 | 用css实现背景图片半透明效果 | (2011-06-14) | | 本文只是讲解一个思路,主要数到css的alpha属性来实现图片的半透明,透明度可以自行调整。 styletype=text/css .alpha{ filter:alpha(opacity=30); width:400px; } /style divwidth=1024height=768 imgsrc=http://www.phpzixue.cn/images/2.jpgclass=alpha/ /div divsty... | |
 | 用div+css实现鼠标经过背景变色 | (2011-06-14) | | 鼠标经过背景变色的方法有很多,如:table,div等,本文只介绍用CSS+DIV实现的方法,其余方法雷同。 方法一 #div:hover{background:#ff0000;} 解释:鼠标经过id为div的元素时背景变色 IE6.0、Firefox2.0、Opera9.23都不行 方法二 divonmouseover=this.style.backgroundCo... | |
 | 用CSS+DIV实现表格背景透明内容不透明 | (2011-06-14) | | styletype=text/css !-- body{ background-color:#0066FF; } #div1 { position:absolute; /*---这里定义层不随表格透明而透明 这样就可以使表格透明的时候表格里的 内容和图片不跟着透明了---*/ } table { background-color:#FFFFFF; filter:alpha(opacity=50,Style=0);... | |
 | css滤镜使用方法说明 | (2011-06-14) | | 在设计网页的时候会经常用到CSS,而关于CSS滤镜使用的却介绍得不多。其实,CSS的滤镜在Dreamweaver3中用起来也很方便,且能使文字产生一种类似图象的效果,但比起图片来可就瘦小多了。而在CSS滤镜中,又分为静态滤镜与动态滤镜。下面介绍一下css滤镜的使用: Alpha:设... | |
 | 用css属性letter-spacing调整字间距 | (2011-06-12) | | 调整字体间距一直是头疼的问题,用CSS属性letter-spacing可以很好的调整字间距,该属性定义了在文本字符框之间插入多少空间。并允许使用负值,这会让字母之间挤得更紧。 字间距属性letter-spacing定义 letter-spacing属性增加或减少字符间的空白。 该属性定义了在文本字... | |
 | css中相对(relative)与绝对(absolute)定位用法详解 | (2011-06-12) | | CSS中的定位(position)常用的属性有两个:relative(相对)和absolute(绝对)。有很多人对这两个的用法还不是很清楚,这里做一些细致的讲解。 position:relative;表示相对定位,被定位了这个属性的标签在所属的范围内可以进行上下左右的移,这里的移动与padding或是margin... | |
 | 用css实现文字在div底部对齐 | (2011-06-12) | | 用css对文字的布局上没有靠容器底部对齐的参数,目前使用的一个不错的方法也比较好.就是用position属性来解决,看下面的代码,用position的相对和绝对定位功能也轻松的实现了,文字靠近div底部对齐,并且靠近的距离还可以精确到像素,可以自己调节。 以下是引用片段: !... | |
 | CSS定位中Position、absolute、Relative的一些用法心得 | (2011-06-12) | | 用Div+CSS进行网站布局时,做一些浮动层等特殊特殊效果时要考虑到定位问题。这就要用到Position属性等。Position属性有四个值: static、fixed、absolute和relative,后面两个在布局中的定位里是经常用到的,顾名思义,absolute是指绝对定位,即将对象从文档流中拖出,... | |
 | DIV+CSS布局中常用到的属性、参数及说明 | (2011-06-12) | | 用过DIV+CSS的人都知道,虽然这种布局没有用传统的table直观,但用习惯了就会感觉出DIV+CSS的优越。对于seo优化,div+css也有了明显的优势,实际应用中我搜索了DIV+CSS的常用定义项,并对其参数作了归纳和说明,与喜欢DIV+CSS的朋友共享。通用类 overflow:hidden;自动隐... | |
 | css中import与link的区别 | (2011-06-12) | | 我们经常可以看到很多网站使用的是import,而很多网站都是使用link,当然还有一些页面比较简单,流量很大的网站,是直接将CSS写在html代码中的?他们有什么区别?css用import还是link好?从经典论坛和另外一个网站大概了解了一下 看到一些网站的页中大部分是这样写的 styl... | |
 | 用css为图片设置背景图片 | (2011-06-12) | | CSS的功能是非常强大的,对于元素的表现以及页面的布局,都提供了非常强大的功能,这主要在于我们灵活的运行,在这方面提供了丰富且富含价值的各种教程与信息。对于图片的使用,其实更多的是在内容层。根据WEB标准的思路,表现层的图片,已经都被分离到CSS中去了。只有... | |
|