5.2.2CSS样式表(精品).pptx

《5.2.2CSS样式表(精品).pptx》由会员分享，可在线阅读，更多相关《5.2.2CSS样式表(精品).pptx（12页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、CSS样式表徐星常州市北郊高级中学信息组CSS CSS就是Cascading Style Sheets，中文“层叠样式表”，简称“样式表”，主要是用来进行网页风格设计的。选择符属性A1：值A1；属性A2：值A2；输入文字内容输入文字内容 font-family:宋体;font-size:15px;color:red;H1CSS是由3个基本部分“对象”、“属性”和“属性值”组成的。对象（选择符）属性属性值嵌入式样式表内联式样式表外联式样式表嵌入式样式表例：段落字体是隶书 标题的颜色是蓝色作用范围：只限于本标签插入位置：和之间的标签内将样式代码放于具体标签内使用 任务一任务一 用记事本打开“课堂实

2、践”文件夹中的网页“fangdaguanyuan.html”,仔细阅读观察HTML代码，对代码中的标签添加嵌入式样式表，更改网页外观并展示如果多个对象设置的样式是一致的，应该怎么办？内联式样式表作用范围：当前页面应用样式插入位置：与之间定义应用在在headhead区区内定内定义义在在bodybody区区内应内应用用 设置样式文字标题是宋体，绿色示例 任务二任务二用记事本打开“课堂实践”文件夹中的网页“yidaguanyuan.html”,仔细阅读观察HTML代码，完成一下任务：（1）找出代码中的内联式样式表（2）找到的内联式样式的语法是否有问题？如何修改外联式样式表把样式定义成一个“.css”

3、文件，然后在网页中调用该文件。把样式用记事本定义把样式用记事本定义成成“.css”“.css”文件文件在在headhead区写入区写入link rel=stylesheet href=.css在在bodybody区应用区应用 文字文字 link rel=stylesheet href=css文字文字应用范围：网站中的多个页面。任务任务三三 用记事本打开“课堂实践”文件夹中的网页“pinmengzhongren.html”,仔细阅读观察HTML代码，新建“*.css”文件（文件名就以标签名命名，如h1.css），为代码中的标签设置外联式样式表，更改网页外观并展示。总结总结样式表使用方法（举例）嵌入式 标题的颜色是蓝色内联式 h1font-family:”宋体”;color:green;文字外联式新建h1.css文件 文字谢 谢