网络技术 css.doc
上传人:sy****28 上传时间:2024-09-14 格式:DOC 页数:3 大小:40KB 金币:16 举报 版权申诉
预览加载中,请您耐心等待几秒...

网络技术 css.doc

网络技术css.doc

预览

在线预览结束,喜欢就下载吧,查找使用更方便

16 金币

下载此文档

如果您无法下载资料,请参考说明:

1、部分资料下载需要金币,请确保您的账户上有足够的金币

2、已购买过的文档,再次下载不重复扣费

3、资料包下载后请先用软件解压,在使用对应软件打开

CSS(CascadingStyleSheet)层叠样式表概念见书本P112-P113css样式表不仅可以对文字格式进行设置,还可以精确的控制布局、字体、颜色、背景和其他图文效果。其实就是一组样式,可以通过CSS来规定网页元素的各种样式,如颜色、位置、大小等。【优点】(1)只需修改一个CSS代码就可改变多个网页的外观和格式(2)精简网页,提高下载速度(3)可以“随心所欲”地控制页面布局和外观(4)兼容性好概念见书本P114-P116【类型】1、嵌入式:只对网页中某个具体标签起作用2、内联式:在<head>区域定义一次,整个网页都可调用3、外联式:定义一个css文件,整个网站的网页都可调用(1)嵌入式样式表:只对当前使用样式的标签有效。例题:将当前的标题3文字设置黑体、12pt、红色、倾斜的样式。<h3style="font-family:黑体;color:red;font-size:12pt;font-style:italic">欢迎光临我的网站</h3>(2)内联式样式表:对当前页面有效,先在<head>部分定义,然后在<body>区域调用。格式如下:格式例1:将当前页面中所有指定的文字改成h3样式——黑体、12pt、红色、倾斜例2:将当前页面中指定的文字设置为宋体、14pt、蓝色、倾斜的样式,样式表名为abc。定义部分<head><styletype="text/css">样式表代码</style>……</head><head><styletype="text/css"><!--h3{font-family:"黑体";color:red;font-size:12pt;font-style:italic}--></style>……</head><head><styletype="text/css"><!--.abc{font-family:"黑体";color:red;font-size:12pt;font-style:italic}--></style>……</head>引用部分<body>……<h3>指定的文字</h3>……</body><body>……<spanclass=abc>指定的文字</span>……</body>注:内置样式表名,在定义时不加点,如h3,用此格式引用。注:自定义样式表名,在定义时定义名前要加点,用<span>格式引用。(3)外联式样式表:将指定的样式代码放到一个扩展名为“.css”的文件中,可以被多个页面使用,提高网页制作的效率。格式如下:<head>……<linkrel="stylesheet"href="*.css">……</head>例:将标题3的文字设置为黑体、12pt、红色、倾斜的样式并在多个网页中应用。步骤1:打开记事本,输入如下代码并保存文件,文件名为h3.cssh3{font-family:"黑体";color:red;font-size:12pt;font-style:italic}步骤2:打开需要使用样式表的各个页面,在HTML视图的<head>标记中加入如下代码:<linkrel="stylesheet"href="h3.css">