月度归档： 2012年10月

根据习惯，文章每段的首行都要空两格。用CSS代码定义一个<p>标签，利用text-indent属性可以实现每段的第一行不用打空格键都自动空两格。

CSS代码如下：
p{ text-indent:2em; padding:0px; margin:0px; }
其中：text-indent:2em定义了文本缩进2em，em是相对长度单位，在这里你设置的字体大小有多大(px)，1em就是多大。这段代码可以控制整个页面的段落缩进，也可以单独控制某个容器(div)内的段落缩进。

例如写成：
#blogtext p{ text-indent:2em; padding:0px; margin:0px; }
那么只对<div id=blogtext>文章内容</div>中的段落首行缩进。
上面代码中padding:0px; margin:0px;是可有可无的，作用是定义段落内边框和外边框厚度为0。正常情况下两段落之间会有一个空白的行。代码加入padding:0px; margin:0px;之后两段之间就不会有空行了。

例如我们的图片在最大宽度为990px的容器内，如果我们上传的图片大于该宽度，那么我们的图片就显示不完整或者破坏了我们的页面美观。这样我们该怎么解决呢？CSS是很强大的，我们通过CSS来解决这个问题。让上传的图片在大于990px时自动按比例缩放至990px的宽度，在上传小于990px的图片时，正常显示该图片。CSS代码如下：

img{
max-width:990px;/*——设置最大宽度——*/
_width:expression(this.width<990px?”auto”:”990px”);/*——expression表达式 ——*/
}

 

IE5及其以后版本支持在CSS中使用expression，用来把CSS属性和Javascript表达式关联起来，这里的CSS属性可以是元素固有的 属性，也可以是自定义属性。就是说CSS属性后面可以是一段Javascript表达式，CSS属性的值等于Javascript表达式计算的结果。 在表达式中可以直接引用元素自身的属性和方法，也可以使用其他浏览器对象。这个表达式就好像是在这个元素的一个成员函数中一样。