1 / 9
文档名称:

5.2.2CSS样式表.ppt

格式:ppt   大小:87KB   页数:9页
下载后只包含 1 个 PPT 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

5.2.2CSS样式表.ppt

上传人:yjjg0025 2021/4/25 文件大小:87 KB

下载得到文件列表

5.2.2CSS样式表.ppt

文档介绍

文档介绍:CSS样式表

CSS(Cascading Style Sheet)样式表作为当前网页制作中的一个常用技术,不仅可以对文字格式进行设置,还可以更加精确地控制布局、字体、颜色、背景和其他图文效果。
一、什么是CSS,它能做什么?
它的作用是:
(1)只需修改一个CSS代码就可以改变网页外观和格式。
(2)可以轻松地控制页面布局和外观。
(3)在所有浏览器和平台之间具有较好的兼容性。
(4)精简网页,提高下载速度。

例1.分析下面两段代码,说说它们各自的作用
1.<html>
  <head>
<title>定义文字的颜色</title>
   </head>
 <body>
 <font face=”宋体” color=”green”>
<h3>欢迎进入机器人做学玩网站</h3>
</font>
</body>
2.<html>
 <head>
  <title>定义文字的颜色</title>
 <style type="text/css" >
           h3 {   font-family: "宋体";color:red; }
        </style>
    </head>
        <body>
<h3>欢迎进入机器人做学玩网站</h3>
</body>
二、初识css

1.定义样式
(1)样式定义在<head>区内用<Style>标记对限定。
三、如何在网页中使用CSS样式表?
(一)内联式样式表
所谓内联式样式表就是把样式表定义语句放在标签<style type=“text/css”>和</style>
(2)样式内容:样式名后用大括号将各种格式 描述为一个集合。
形如:样式名 {格式名:值;格式名:值;格式名:值…}

例: .mycss1 {font-size:15pt;font-family:华文新魏;color:red}
2.样式的引用
(1)自定义样式名的样式引用
<p class=”样式名”>样式文字</p>
(2) HTML标签样式名的样式引用
遇HTML标签样式名自动套用
例如:p {font-size:20pt;font-family:华文新魏;color:green}
遇<p >样式文字</p>自动对“样式文字”套用样式。

定义部分(放在head区域)
引用部分(body区域)
<style type="text/css">   样式表css内容 </style>
<span class=定义名>要应用的内容</spa