css语言.docVIP

CSS语言课堂讲解 贾达伟 QQ什么是CSS CSS是Cascading Style Sheets(层叠样式表)的简称. CSS语言是一种标记语言,它不需要编译,可以直接由浏览器执行(属于浏览器解释型语言). 在标准网页设计中CSS负责网页内容的表现. CSS文件也可以说是一个文本文件,它包含了一些CSS标记,CSS文件必须使用css为文件名后缀. 可以通过简单的更改CSS文件,改变网页的整体表现形式,可以减少我们的工作量,所以她是每一个网页设计人员的必修课. 使用CSS的优势 内容与表现分离,有了CSS,网页的内容(XHMTL)与表现就可以分开了. 使用CSS可以减少网页的代码量,增加网页的浏览速度 CSS插入到html语言中的三种方式 直接插入式： 直接插入式很简单，只是在每个HTML标志后书写CSS属性就可以了。这种方式很直接，如我们想规定一个Table标志中的字为红色，字体大小为10pt，则可书写如下：　　table style=color:red；font-size:10pt　　这种方式主要用于对具体的标志做具体的调整,其作用的范围只限于本标志。 内部文档头方式： 这种方式是将风格直接定义在文档头Head/Head之间。这种风格定义产生作用的范围也只局限于本文件，其格式如示例。 外部文件方式： 外部文件方式即将CSS写成一个文件的方式，在HTML文档头通过文件引用来进行风格控制。 CSS文件的引用是在HTML的head/head标志之间写下列语句：　　link rel=stylesheet href=文件名.CSS type=text/css 如当前文件目录下有一个CSS 文件名为myStyle.css，其内容如下 用下列语句：　　link rel=stylesheet href=myStyle.css type=text/css　　应用CSS文件的一个最大好处就是，你可以在每个HTML文件中引用这个文件，从而可使整个站点的HMTL文件在风格上保持一致，避免重复的CSS属性设置； 常用的一些CSS属性 超链接颜色的设置 a:link { text-decoration:none； color:blue } //未链接前的颜色 a:visited { text-decoration:none；color:red } //链接过后的颜色 a:active { text-decoration:none；color:green} //链接活动时的颜色 a:hover { text-decoration:underline；color:yellow} //链接盘旋状态时的颜色 如何实现背景图片平铺样式 background-repeat： repeat: 平铺整个页面,左右与上下 repeat-x: 在x轴上平铺,左右 repeat-y: 在y轴上平铺,上下 no-repeat: 图片不重复 background-repeat：repeat-x CSS设置滚动条样式 body{　scrollbar-face-color：blue； //设置滚动条页面颜色 scrollbar-track-color：yellow； //设置滚动条底面颜色 scrollbar-arrow-color：red； //设置滚动条两端箭头颜色 scrollbar-highlight-color：black； //设置滚动条斜面和左面颜色 scrollbar-shadow-color：#FF3399； //设置滚动条下斜面和右面颜色 } CSS设置鼠标样式 cursor：hand/wait/help/move/crosshair