如何用CSS技术制作网页.pptVIP

如何用CSS技术制作网页 演讲人：杨子慰 组员：姜陈、邹思亮、邹涛、彭皓天 首先我们先要了解： 什么是CSS CSS样式和常用的selector 在网页中使用CSS的方法 CSS的各种属性 如何网页中使用CSS CSS的简介 CSS（Cascading Style Sheet)——层叠样式表，它是一种格式化网页的标准方式，它通过设置CSS属性使网页元素获得各种不同效果。CSS不是一种程序设计语言，而只是一种用于网页排版的标识性语言，是对现有HTML语言功能的补充和扩展。 CSS的主要功能是通过对HTML选择器进行设定，来实现对网页中的字体、字号、颜色、背景、图像等其他元素的控制，使网页能够完全按照设计者的要求来显示。 在网页中使用CSS的方式 在标记符中直接嵌套样式信息(内嵌) HTML 标记符的 style 属性 P style=“text-align:center” 在STYLE标记符中定义样式信息(插入) STYLE 标记符 STYLE type=“text/css” 样式定义 /STYLE 链接外部样式表中的样式信息(引入) LINK 标记符LINK rel=“stylesheet” type=“text/css” href=“stylesheetname.css” CSS属性 字体属性 文本属性 颜色与背景属性 布局属性 定位和显示属性 鼠标样式属性 列表样式属性 CSS滤镜 字体属性用于控制网页中的文本的字符显示方式，例如控制文字的大小、粗细以及使用的字体等。CSS中的字体属性包括字体族科（font-family）、字体风格（font-style）、字体变形（font-variant）、字体加粗（font-weight）、字体大小（font-size）五个属性。其中字体族科和字体大小属性是比较常用的。 字体属性 文本属性 文本属性包括文字间距、对齐方式、上标、下标、排列方式、首行缩进。 颜色与背景属性 前景颜色（color） 语法：?color : color ?参数：?color : 指定颜色。 示例：?p {color: #345456; } p { color: rgb(100,14,200); }p {color: red; } 颜色与背景属性 背景颜色（background-color） 语法：?background-color : transparent | color ?参数：?transparent : 　背景色透明color : 　指定颜色。 示例：?p { background-color: silver }table { background-color: rgb(223,71,177) } body { background-color: #98AB6F }pre { background-color: transparent; } 颜色与背景属性 背景图像（background-image） 语法：?background-image : none | url (url) 参数：?none : 无背景图url : 使用绝对或相对路径指定背景图像，建议使用相对路径。 示例：?p { background-image: url(comet.jpg); }blockquote { background-image: url(c:\InetPub\MyPixs\comet.jpg); } br { background-image: url(http://F/ImageFile/Q.gif); } body { background-image: none; } 颜色与背景属性 背景图像铺排（background-repeat） 语法：?background-repeat : repeat | no-repeat | repeat-x | repeat-y ?参数：?repeat : 　背景图像在纵向和横向上平铺no-repeat : 　背景图像不平铺repeat-x : 　背景图像在横向上平铺repeat-y : 　背景图像在纵向平铺 示例： p { background: url(images/aardvark.gif); background-repeat: repeat-y; } body { background: url(images/aardvark.gif); background-repeat: no-repeat; }  CSS常用的属