Web技术应用基础_d05.ppt

Web技术应用基础_d05.ppt

ID:53300098

大小:256.00 KB

页数:19页

时间:2020-04-18

Web技术应用基础_d05.ppt_第1页
Web技术应用基础_d05.ppt_第2页
Web技术应用基础_d05.ppt_第3页
Web技术应用基础_d05.ppt_第4页
Web技术应用基础_d05.ppt_第5页
资源描述:

《Web技术应用基础_d05.ppt》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、第5章CSS1CSS5.1CSS简介5.1.1CSS作用网页展现的样式从网页中独立出来集中管理2CSS5.1.2样式表的使用结构多个网页文件共享样式文件多个样式文件套用在一个网页文件上HTML文件1HTML文件NCSS样式文件HTMLCSS样式文件NCSS样式文件13CSS5.2定义样式格式选择器{规则}选择器(Selector)规则(Rule)例5.14选择符的应用/*定义样式*/5

显示楷体绿色

显示华文彩云红色

3、示隶书蓝色显示楷体橄榄绿显示仿宋体紫色6CSS5.3应用CSS样式的4种方式直接定义style属性在HTML文档内定义内部样式表嵌入式样式单外部(链接)样式单75.4样式表应用案例使用用CSS样式的4种方式显示界面8CSS1.直接定义style属性例5.2直接定义HTML标记中的style属性

4、lor:green;text-align:center;font-style:italic;font-family:隶书;font-size:x-large;">用四种方式将样式表功能应用到Web页面中例5.29CSS2.定义内部样式表定义内部样式表/*定义样式*/

用四种方式将样式表功能应用到Web页面中

例5.310CSS3.嵌入外部样式表11CSSstyle1.css保存文字的其它样式h1{text-align:center;font-style:italic;font-family:隶书;font-size:x-large;}style2.css保存文字的颜色h1{color:green;}12CSS

6、le>嵌入外部样式表/*定义样式*/