如何用CSS技术制作网

《如何用CSS技术制作网》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、如何用CSS技术制作网页演讲人：杨子慰组员：姜陈、邹思亮、邹涛、彭皓天首先我们先要了解：什么是CSSCSS样式和常用的selector在网页中使用CSS的方法CSS的各种属性如何网页中使用CSSCSS的简介CSS（CascadingStyleSheet)——层叠样式表，它是一种格式化网页的标准方式，它通过设置CSS属性使网页元素获得各种不同效果。CSS不是一种程序设计语言，而只是一种用于网页排版的标识性语言，是对现有HTML语言功能的补充和扩展。CSS的主要功能是通过对HTML选择器进行设定，来实现对网页中的字体、字号、颜色、背景、图

2、像等其他元素的控制，使网页能够完全按照设计者的要求来显示。在网页中使用CSS的方式在标记符中直接嵌套样式信息(内嵌)HTML标记符的style属性在STYLE标记符中定义样式信息(插入)STYLE标记符样式定义链接外部样式表中的样式信息(引入)LINK标记符CSS属性字体属性文本属性颜色与背景属性布

3、局属性定位和显示属性鼠标样式属性列表样式属性CSS滤镜字体属性用于控制网页中的文本的字符显示方式，例如控制文字的大小、粗细以及使用的字体等。CSS中的字体属性包括字体族科（font-family）、字体风格（font-style）、字体变形（font-variant）、字体加粗（font-weight）、字体大小（font-size）五个属性。其中字体族科和字体大小属性是比较常用的。字体属性文本属性文本属性包括文字间距、对齐方式、上标、下标、排列方式、首行缩进。颜色与背景属性前景颜色（color）语法： color:color参数：

4、color:指定颜色。示例： p{color:#345456;}p{color:rgb(100,14,200);}p{color:red;}颜色与背景属性背景颜色（background-color）语法： background-color:transparent

5、color参数： transparent:　背景色透明color:指定颜色。示例： p{background-color:silver}table{background-color:rgb(223,71,177)}body{background-color:#

6、98AB6F}pre{background-color:transparent;}颜色与背景属性背景图像（background-image）语法： background-image:none

7、url(url)参数： none:无背景图url:使用绝对或相对路径指定背景图像，建议使用相对路径。示例： p{background-image:url("comet.jpg");}blockquote{background-image:url("c:InetPubMyPixscomet.jpg");}br{backgrou

8、nd-image:url(http://Fred.com/ImageFile/Q.gif);}body{background-image:none;}颜色与背景属性背景图像铺排（background-repeat）语法： background-repeat:repeat

9、no-repeat

10、repeat-x

11、repeat-y 参数： repeat:　背景图像在纵向和横向上平铺no-repeat:　背景图像不平铺repeat-x:　背景图像在横向上平铺repeat-y:　背景图像在纵向平铺示例：p{background:

12、url("images/aardvark.gif");background-repeat:repeat-y;}body{background:url("images/aardvark.gif");background-repeat:no-repeat;}CSS常用的属性滚动条属性（scrollbar-face-color、scrollbar-shadow-color、scrollbar-highlight-color、scrollbar-3dlight-color、scrollbar-3darkshadow-color、scroll

13、bar-track-color、scrollbar-arrow-color）CSS常用的属性设置对象四边的外边距（margin）语法： margin:auto

14、length参数： auto:值被设置为相对边的值len