文档名称：

层叠样式表.ppt

格式：ppt 大小：350KB 页数：29页

下载后只包含 1 个 PPT 格式的文档，没有任何的图纸或源代码，查看文件列表

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

预览

下载此文档

层叠样式表.ppt

上传人:xgs758698 2016/8/5 文件大小：350 KB

下载得到文件列表

层叠样式表.ppt

相关文档

文档介绍

文档介绍：主要内容?添加层叠样式表的方法?层叠样式表的格式?层叠样式表的分类?层叠样式表的伪类 CSS 层叠样式表简介? CSS ( Cascading StyleSheets ,层叠样式表) ?内容结构和格式控制相分离。 Css 的好处?将内容结构和表现样式分离,可以使 web 开发人员加快网页设计速度,并能减少维护的工作量,做到“一改全改”。?提供了 HTML 所不支持的属性,提供我们开发网页更多的选择,可以使网页更漂亮。 Css 语法核心:规则? Css 规则:选择器{属性:属性值;属性:属性值}?如: H1{color:green} ?每一条规则包含两部分:一个选择及其说明?说明包含两部分:属性和属性值添加层叠样式表的方法?共有 4种方法:?内联样式表(inline style sheets) ?嵌入样式表(embedded style sheets) ?链接样式表(linked style sheets) ?输入样式表(imported style sheets) 添加层叠样式表的方法?一、内联样式表方式(inline style sheets) ?直接添加在 HTML 的标记里,方式为: ?<元素名 style= ”属性:值;属性:值”>网页内容< / 元素名>?注意:这种方式内容和样式没有分离,没有发挥 css 优势。添加层叠样式表的方法?二、嵌入样式表方式(embedded style sheets) ?<html> ?<head> ?<title></title> ?<style type= ” text/css ”> ? ?</style> ?</head> ?</html> 添加层叠样式表的方法?三、链接外部样式表文件(linked style sheets) ?<html> ?<head> ?<title></title> ?<link rel= ” stylesheet ” href= ”* .css ” type= ” text/css ”>?</head> ?</html> ? rel= ” stylesheet ”指在页面中链接资源类型是一个外部样式表。 type= ” text/css ”指文档类型是样式表文本。? href= ”* .css ”是文件所在的位置。在 head 标记里面去链接?外部样式表文件可以用任何文本编辑器(例如:记事本)打开并编辑, 。内容是定义的样式表?一个外部样式表文件可以应用于多个页面。当你改变这个样式表文件时,所有页面的样式都随之而改变。在制作大量相同样式页面的网站时,非常有用。?一个比较成熟的网站一般只需要 1到2个 css 样式表文件即可。