澳门永利的所有网址是多少


Produced By 中国煤炭开发有限责任公司
主页 > 公司要闻 >

自己写的web标准教程,帮你走进web标准设计的世界——第五讲(css篇2)

本节概况:

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

Produced By 中国煤炭开发有限责任公司