一，创建css
1.外部样式表:<head><link rel="stylesheet" type="text/css" href="mystyle.css" /></head>
注;不要在属性值与单位之间留有空格。假如你使用 “margin-left: 20 px” 而不是 “margin-left: 20px” ，它仅在 IE 6 中有效，但是在 Mozilla/Firefox 或 Netscape 中却无法正常工作。
2.内部样式表:<head><style type="text/css"> hr {color: sienna;} p {margin-left: 20px;} body {background-image: url("images/back40.gif");}</style></head>
3.内联样式表：<p style="color: sienna; margin-left: 20px">This is a paragraph</p>
二，CSS样式
(一)背景：
①背景色：p {background-color: gray; padding: 20px;}背景色从元素中的文本向外少有延伸，只需增加一些内边距,padding就是内边距。
注意;background-color 不能继承，其默认值是 transparent。transparent 有“透明”之意。也就是说，如果一个元素没有指定背景色，那么背景就是透明的，这样其祖先元素的背景才能可见。
②背景图像：body {background-image: url(image/2.jpg);}image是和css文件同级的文件夹。
③背景重复：body { background-image: url(/i/eg_bg_03.gif); background-repeat: repeat-y; }repeat-x 和 repeat-y 分别导致图像只在水平或垂直方向上重复，no-repeat 则不允许图像在任何方向上平铺。 不设置background-repeat属性的话默认的状态是整个页面铺满。想要单独贴一个图片的话必选写background-repeat: no-repeat;默认地，背景图像将从一个元素的左上角开始。
④背景定位：可以利用background-position 属性改变图像在背景中的位置。
可以用关键字：p { background-image:url('bgimg.gif'); background-repeat:no-repeat;background-position:top; }
可以用百分数值：body { background-image:url('/i/eg_bg_03.gif'); background-repeat:no-repeat;background-position:50% 50%; }
注：百分数值同时应用于元素和图像。也就是说，图像中描述为 50% 50% 的点（中心点）与元素中描述为 50% 50% 的点（中心点）对齐。
⑤长度值：body { background-image:url('/i/eg_bg_03.gif'); background-repeat:no-repeat;background-position:50px 100px; }
242
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
