网页制作 CSS.ppt

网页制作 CSS.ppt

ID:48910601

大小:192.00 KB

页数:82页

时间:2020-02-01

网页制作 CSS.ppt_第1页
网页制作 CSS.ppt_第2页
网页制作 CSS.ppt_第3页
网页制作 CSS.ppt_第4页
网页制作 CSS.ppt_第5页
资源描述:

《网页制作 CSS.ppt》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库

1、网页制作第6章CSS层叠样式表CSS(CascadingStyleSheets)层叠样式表是用于控制网页样式并能够将样式信息与网页内容分离的一种标记型语言。CSS将文档呈现出各种效果,甚至可以改变文档元素在页面中的位置。不过CSS只是改变视觉效果,文档元素的逻辑嵌套结构不会被改变。目录6.1层叠样式表优势6.2与样式连用的HTML元素6.3CSS基础语法6.4CSS的使用6.5Dreamweaver8的CSS操作6.6Dreamweaver8的CSS定义6.7CSS伪类和链接6.1层叠样式表优势强大的控制能力和排版能力提高了网页的浏览速度缩

2、短修改时间、提高工作效率更有利于搜索引擎的搜索6.2与样式连用的HTML元素1.

标记符2.标记符1.
标记符
标记符用来在网页中创建一个有特别格式的分区或区域,它可以用来格式化该区域并在该部分的前面或后面加入一个断行符。
标记符可以包含其他区块级标记(例如段落,图片,表格等)。2.标记符标记符将在页面中格式化某个区域,这个区域在物理上是不通过断行符与其他区域相分离的。如果在一个区域里面的某个部分格式化(例如一个段落中某些文字),可以使用标记符。6.3CSS基础

3、语法1.基本规则2.组规则3.继承(层叠)规则4.类规则5.ID规则6.嵌套规则1.基本规则语法:选择符{属性1:值1;属性2:值2;……}CSS的语法包括选择符、属性和属性值三部分。选择符可以理解为对象的引用。属性和值是这个对象的属性和相应的值。例如:p{color:#FF0000;font-family:"新宋体";font-size:14px;}2.组规则语法:选择符1,选择符2,……{属性1:值1;属性2:值2;……}需要对不同的选择符进行相同样式的定义时,可以使用CSS的组规则。例如:p,h1,td{color:#FF0000;f

4、ont-family:"新宋体";font-size:14px;}3.继承(层叠)规则当对一个HTML标签定义了CSS样式后,样式会自动继承给这个HTML标签的所有子标签。例如:p{color:#FF0000;font-family:"新宋体";font-size:14px;}

123ABC

4.类规则语法:.选择符{属性1:值1;属性2:值2;……}类规则可以把样式定义为一个与任何对象都无关的独立体。并且这个样式可以使用在任何HTML标记符上。定义时选择符前面有个英文句点“.”。调用时使用HTML标记符

5、的class属性。例如:.p14{color:#FF0000;font-family:"新宋体";font-size:14px;}段落

标题15.ID规则语法:#选择符{属性1:值1;属性2:值2;……}一个ID规则定义的样式通常只能用于一个标签上。定义时选择符前面有个英文句点“#”。例如:#par1{color:#FF0000;font-family:"新宋体";font-size:14px;}段落

6.嵌套规则语法:选择符1选择符2…

6、…{属性1:值1;属性2:值2;……}嵌套规则为了从结构上保持一个关联性。选择符可以是HTML标记符、类或者ID。例如:pspan{color:#FF0000;font-family:"新宋体";font-size:14px;}

123ABC

6.4CSS的使用1.内嵌样式2.内联样式3.外部样式4.导入样式1.内嵌样式内嵌样式可应用于整个网页,它被放在网页部分的6.5Dreamweaver8的CSS操作Dreamweaver8中的CSS设置可以通过菜单【文本】

9、【CSS样式】、【CSS】浮动面板或代码方式来完成。推荐使

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。