CssClass.docVIP

CssClass 层叠样式表单-CSS SCSC007-HTML,CSS,JS DHTML ? W3C把DHTML(Dynamic,,,,,,,,,,HTML)分为三个部分来实现：脚本语言(包括JavaScript、Vbscript等)、支持动态效果的浏览器(包括Internet,,,,,,,,,,Explorer、Netscape,,,,,,,,,,Navigator等)和CSS样式表。 层叠样式表单-CSS ? CSS是Cascading,,,,,,,,,,Style,,,,,,,,,,Sheet,,,,,,,,,,的缩写。译作层叠样式表」。 ? CSS是用于（增强）控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。,,,,,,,,,,,,,,,,,,,, 样式表能为我们做什么？ ? 你可以将格式和结构分离。,,,,,,,,,, ? 你可以以前所未有的能力控制页面布局。,,,,,,,,,, ? 你可以制作体积更小下载更快的网页。,,,,,,,,,, ? 你可以将许多网页同时更新，比以前快更容易。,,,,,,,,,, ? 浏览器将成为你更友好的界面 1张样式表 HEAD TITLEMy,,,,,,,,,,First,,,,,,,,,,Stylesheet/TITLE STYLE,,,,,,,,,,TYPE=text/css !--/*注释代码：样式表定义*/ H1,,,,,,,,,,{,,,,,,,,,,color:,,,,,,,,,,green;,,,,,,,,,,font-size:,,,,,,,,,,57px;,,,,,,,,,,font-family:,,,,,,,,,,impact,,,,,,,,,,} P,,,,,,,,,,{,,,,,,,,,,text-indent:,,,,,,,,,,1cm;,,,,,,,,,,background:,,,,,,,,,,yellow;,,,,,,,,,,font-family:,,,,,,,,,,courier,,,,,,,,,,} -- /STYLE /HEAD BODY H1Stylesheets:,,,,,,,,,,The,,,,,,,,,,Tool,,,,,,,,,,of,,,,,,,,,,the,,,,,,,,,,Web,,,,,,,,,,Design,,,,,,,,,,Gods/H1 PAmaze,,,,,,,,,,your,,,,,,,,,,friends!,,,,,,,,,,Squash,,,,,,,,,,your,,,,,,,,,,enemies!/P /BODY ? !--family-name,,,,,,,,,, ? generic-family,,,,,,,,,, ? 用于某个元素的字体族名称或/及类族名称的一个优先表。默认值：取决于浏览器。-- CSS的单位： ? 单位,,,,,,,,,,,,,,,,,,,,描述 ? %百分比,,,,,,,,,,,,,,,,,,,,in英寸 ? Cm,,,,,,,,,,,,,,,,,,,,厘米 ? Mm,,,,,,,,,,毫米 ? Em,,,,,,,,,,1em等于当前的字体尺寸。2em等于当前字体尺寸的两倍。例如，如果某元素以12pt显示，那么2em是24pt。在CSS中，em是非常有用的单位，因为它可以自动适应用户所使用的字体。 ? ex一个ex既是一个字体的x-height。,,,,,,,,,,(x-height通常是字体尺寸的一半。) ? Pt,,,,,,,,,,磅,,,,,,,,,,(1,,,,,,,,,,pt,,,,,,,,,,等于,,,,,,,,,,1/72,,,,,,,,,,英寸) ? Pc,,,,,,,,,,12点活字,,,,,,,,,,(1,,,,,,,,,,pc,,,,,,,,,,等于,,,,,,,,,,12,,,,,,,,,,点) ? Px,,,,,,,,,,像素,,,,,,,,,,(计算机屏幕上的一个点) CSS的单位： ? 单位,,,,,,,,,,,,,,,,,,,,描述(颜色名)颜色名称,,,,,,,,,,(比如,,,,,,,,,,red) ? rgb(x,x,x),,,,,,,,,,RGB,,,,,,,,,,值,,,,,,,,,,(比如,,,,,,,,,,rgb(255,0,0)) ? rgb(x%,,,,,,,,,,,x%,,,,,,,,,,,x%) ? RGB,,,,,,,,,,百分比值,,,,,,,,,,(比如,,,,,,,,,,rgb(100%,0%,0%)) ? #rrggbb十六进制数,,,,,,,,,,(比如,,,,,,,,,,#ff0000) CSS的三种定义方法： ? 内联定义 ? 内部样式表 ? ,,,,,,,,,,链入外部样式表文件 用法一：内联定义