本节概况：

1.前端网页项目文件的基础布局

2.在html中插入css的三种要领

3.假如网页禁用了css？

4.css定义款式

5.css注释款式

6.css实例解说

澳门永利的所有网址是多少ok，Begin!Right now!

澳门永利的所有网址是多少前端网页项目文件的基础布局：

起开创建一个文件夹并命名为项目名（这里举例命名为index），该文件夹中包孕：

在html中插入css的三种要领：

1.在html页面中插入

a)建立零丁的css区块插入

b)在标签中直接插入

澳门永利的所有网址是多少2.引入外部的css文件

请下载视频演示

假如网页禁用了css？

禁用了css的博客园有点“散乱”。

css定义款式：

选择器 ｛

属性名：属性值；

｝

澳门永利的所有网址是多少css注释款式：/*注释内容，最好不要采纳中文注释*/

css实例解说：

澳门永利的所有网址是多少1.颜色和背景（color,background）

a)color：

设置款式：

element {

color:colorValue;

}

澳门永利的所有网址是多少所有的css标签的设置款式都是一样的，今后我就不重复阐清楚明了。

功能：设置某个html元素内的文本颜色（用于指定元素的前景致）

澳门永利的所有网址是多少实例（我用三种调用形式，今后为了方便我的代码都采纳第二种引入css的形式，在实际事情中大年夜家最好采纳第三种调用css的要领，便于代码的涉猎和掩护，前进网页的加载速率，至于机能方面我们今后再说，我们现在会实现简单的效果就行了）：

澳门永利的所有网址是多少新建一个html文件，命名为：colorAndBg。采纳第一种引用css的代码为（只写了body部分）：

color: #F00 ">我是不是变颜色了？

运行：

提示1：颜色值#F00等价于#FF0000,是一种缩写要领，比如颜色值#CC4523，就没有法子所写了

提示2：还记得上节课的那个取色小对象吗？爱好什么颜色就“偷”过来吧。

疑问：为什么要采纳缩写？主如果为了削减文件的大年夜小，节省带宽，前进机能（不懂可跳过），大年夜家都采纳全写要领就可以了，今后自然就明白了

澳门永利的所有网址是多少采纳第二种引用css的代码为：

澳门永利的所有网址是多少我是不是变颜色了？

澳门永利的所有网址是多少采纳第三种引用css要领的代码下载

澳门永利的所有网址是多少a)background:

澳门永利的所有网址是多少i.background-color//设置背景颜色，值为颜色值

澳门永利的所有网址是多少ii.background-image//设置背景图片，值为图片的路径值

iii.background-repeat//设置背景图片的重复要领

澳门永利的所有网址是多少1.repead-x//x偏向重复，下面的不言而喻

2.repead-y

3.no-repead

澳门永利的所有网址是多少iv.*background-attachment//（低级作为懂得）设置背景图片是否固定，该属性只应用于body和html

令人忧?的兼容，大年夜家懂得：

1.background-attachment在标准浏览器中（即IE6以外的浏览器），仅在html 和body中才起感化（html和body的background-attachment默认是scroll，可以设置成fixed；其他元素 overflow:scroll滚动时的background-attachment始终是fixed，并且设置scroll无效）；

2.IE系列（IE6-8）在不指定文档类型的时刻（进入quirks mode模式），元素中的background-attachment支持scroll和fixed，而FF等其他内审浏览器仍旧无效。

澳门永利的所有网址是多少3.在不给元素设置background-attachment，并且该元素overflow:scroll滚动时，标准浏览器中默认是fixed效果，而在IE6中默认是scroll效果。

4.在IE6下，不管在任何时刻设置background-attachment的fixed或scroll都起感化；即，IE6支持任何元素的background-attachment的统统。

v.background-position//设置背景图片的位置，当容器呈现滚动条的时刻，拖动滚动条时可以经由过程设置background-position的值来节制背景图片是否随着滚动

澳门永利的所有网址是多少留意：他的值可所以left之类的表示位置的单词，也可所以10px之类的详细像素值，也可所以百分比值，然则不建议混杂应用，应用该属性时background-repeat值应设为no-repead否则属性掉效

background实例下载（请具体的看源代码和注释）

澳门永利的所有网址是多少我想说的：

css属性大年夜体的进修措施便是这样的：

1.看属性->属性值

2.亲手写实例

澳门永利的所有网址是多少3.从实例问题中进修兼容

澳门永利的所有网址是多少4.查资料、写总结

转自：http://www.cnblogs.com/chaofan/archive/2010/09/08/1821665.html