欢迎来到天天文库
浏览记录
ID:59540844
大小:1.03 MB
页数:41页
时间:2020-11-09
《层次样式表(CSS)演示教学.ppt》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、层次样式表(CSS)层次样式表的起源和优点在最初版本的HTML中并不提供任何样式控制能力,它只是标明文档成分的功能,1995年晚期,W3C提出了CSS作为所有这些问题的解决方案。CascadingStylesSheet1996年提出了第一个版本,也是目前主流支持的规范1998年提出了第二个版本,可以实现XML的转换和样式化,增加了特定媒体的风格单CSS3便于对文档样式进行修改、便于维护多个文档以统一的样式、使HTML文档更简洁,更易于维护、使文档可以方便运行于不同媒体设备上等2层次样式表基本语法还可以添加注释文本,注释文本须放置在/*和*/之间。p{font-
2、size:12pt;font-style:italic;color:green}SelectorPropertylistseparatedbysemicolonsPropertyPropertyvalueColon3XHTML与样式表结合的三种方法外部式样式表(Externalstylesheet,又称链接样式表)内嵌式样式表(Embeddedstylesheet)行内样式表(Inlinestyle,又称内联样式表)4外部式样式表外部样式表合适作为文档模板,同时供一系列XHTML文档共用。使用外部式样式表时,我们将样式表保存在一个后缀名为.css的单独文本文件
3、中/*Thisisthestylesheettobelinked*/p{color:red;}h1{color:green;}5XHMTL代码
Let'sseetheeffectiveofcss
4、要将样式表放置与head元素的style子元素中。此时需将style元素的type元素设置为“text/css”7exampleforembededcss5、le>ThisisH1elementLet'sseetheeffectiveofcss8行内样式表行内样式表可用于将某个具体的元素定义为一个与其他不同的样式,但是由于其损害了样式表的优点,所以一般不推荐使用。行内样式表将样式表内容作为XHTML元素的通用属性style的属性值。ThisisH1element9exampleforinlinecss6、e>ThisisH1elementLet'sseetheeffectiveofcss10层次样式表高级语法样式表的组合带上下文的样式表样式类样式表的继承和覆盖11样式表的组合样式表的组合可以分为针对多个元素组合样式表和使用某些特性来组合样式表两类两个不同元素可能有着相同的样式表h1,p{font-size:12pt;font-weight:bold;color:red}有时某个元素的若干样式特性都跟某类样式如字体
5、le>
6、e>
7、有关p{font:bold20pt;}12
8、
此文档下载收益归作者所有