[如何用技术制作.pptVIP

如何用CSS技术制作网页 演讲人：杨子慰 组员：姜陈、邹思亮、邹涛、彭皓天 CSS的简介 在网页中使用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滤镜 文本属性 文本属性包括文字间距、对齐方式、上标、下标、排列方式、首行缩进。 颜色与背景属性 前景颜色（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常用的属性 滚动条属性（scrollbar-face-color、scrollbar-shadow-color、scrollbar-highlight-color、scrollbar-3dlight-color、scrollbar-3darkshadow-color、scrollbar-track-color、scrollbar-arrow-color） CSS常用的属性 设置对象四边的外边距（margin） 语法：?margin : auto | length? 参数：?auto : 值被设置为相对边的值length : 由数值和单位标识符组成的长度值。 说明：?如果提供全部四个参数值，将按上－右－下－左的顺序作用于四边。如果只提供一个，将用于全部的四边。如果提供两个，第一个用于上－下，第二个用于左－右。如果提供三个，第一个用于上，第二个用于左－右，第三个用于下。 CSS常用的属性 边框线粗细（ border-width ） 语法：?border-width : length ?参数：?length : 由数值和单位标识符组成的长度