CSS的小细节.doc

p { color: rgb(255,0,0); } p { color: rgb(100%,0%,0%); }// 颜色的设定 记得写引号提示：如果值为若干单词，则要给值加引号： p {font-family: sans serif;} head link rel=stylesheet type=text/css href=mystyle.css / /head 背景图像 要把图像放入背景，需要使用 background-image 属性。background-image 属性的默认值是 none，表示背景上没有放置任何图像。 如果需要设置一个背景图像，必须为这个属性设置一个 URL 值： body {background-image: url(/i/eg_bg_04.gif);} 大多数背景都应用到 body 元素，不过并不仅限于此。 下面例子为一个段落应用了一个背景，而不会对文档的其他部分应用背景： p.flower {background-image: url(/i/eg_bg_03.gif);} 您甚至可以为行内元素设置背景图像，下面的例子为一个链接设置了背景图像： a.radio {background-image: url(/i/eg_bg_07.gif);} 如需查看上述例子的效果，可以亲自试一试！ 理论上讲，甚至可以向 textareas 和 select 等替换元素的背景应用图像，不过并不是所有用户代理都能很好地处理这种情况。 另外还要补充一点，background-image 也不能继承。事实上，所有背景属性都不能继承。 背景关联 如果文档比较长，那么当文档向下滚动时，背景图像也会随之滚动。当文档滚动到超过图像的位置时，图像就会消失。 您可以通过 background-attachment 属性防止这种滚动。通过这个属性，可以声明图像相对于可视区是固定的（fixed），因此不会受到滚动的影响： body { background-image:url(/i/eg_bg_02.gif); background-repeat:no-repeat; background-attachment:fixed } 首字悬浮：不过在为 text-indent 设置负值时要当心，如果对一个段落设置了负值，那么首行的某些文本可能会超出浏览器窗口的左边界。为了避免出现这种显示问题，建议针对负缩进再设置一个外边距或一些内边距： p {text-indent: -5em; padding-left: 5em;} 字间隔 word-spacing 属性可以改变字（单词）之间的标准间隔。 word-spacing 属性接受一个正长度值或负长度值。如果提供一个正长度值，那么字之间的间隔就会增加。为 word-spacing 设置一个负值，会把它拉近： p.spread {word-spacing: 30px;} p.tight {word-spacing: -0.5em;} p class=spread This is a paragraph. The spaces between words will be increased. /p p class=tight This is a paragraph. The spaces between words will be decreased. /p 字母间隔 letter-spacing 属性与 word-spacing 的区别在于，字母间隔修改的是字符或字母之间的间隔。 与 word-spacing 属性一样，letter-spacing 属性的可取值包括所有长度。默认关键字是 normal（这与 letter-spacing:0 相同）。输入的长度值会使字母之间的间隔增加或减少指定的量： h1 {letter-spacing: -0.5em} h4 {letter-spacing: 20px} h1This is header 1/h1 h4This is header 4/h4 字符转换 text-transform 属性处理文本的大小写。这个属性有 4 个值： none uppercase lowercase capitalize 默认值 none 对文本不做任何改动，将使用源文档中的原有大小写。顾名思义，uppercase 和 lowercase 将文本转换为全大写和全小写字符。最后，capitalize 只对每个单词的首字母大写。 作为一个属性，text-transform 可能无关紧要，不过如果您突然决定把所有 h1 元素变为大写，这个属性就很有用。不必单独地修改所有 h1 元素的内容，只需使用 text-transform 为你完成这个修改