师梦圆 - 让备课更高效、教学更轻松!
网站地图
师梦圆
师梦圆高中信息技术教材同步教科版选修3 网络技术应用5.2.2 CSS 样式表下载详情
  • 下载地址
  • 内容预览
下载说明

1、本网站免费注册后即可以下载,点击开通VIP会员可无限免费下载!

2、资料一般为word或PPT文档。建议使用IE9以上浏览器或360、谷歌、火狐浏览器浏览本站。

3、有任何下载问题,请联系微信客服。

扫描下方二维码,添加微信客服

师梦圆微信客服

内容预览

选修3网络技术应用《5.2.2CSS样式表》PPT课件优质课下载

内联式样式表

内联式样式表:所谓内联式样式表就是把样式表定义语句放在标签中,并把这一部分语句放在HTML文件的区域。

按照提示完成任务二

此种方式只对当前页面有效

嵌入式样式表

嵌入式样式表:只需在每个要应用样式的HTML的标记后写上属性就可以了。例如我们想规定一个

标签中的文字为红色,字体大小为10pt,则代码书写形式如下:

按照要求完成任务三

这种方式主要用于对具体的标签作具体的调整,其作用的范围只限于本标签。

自定义样式表(拓展)

大家刚才也看到了,设计一个合适的效果要考虑很多方面,如只用一次,是不是有浪费之嫌疑?设想是不是可以像设计一顶漂亮的帽子一样,不为特定的对象(老人、年青人、小孩子),而是谁想用都可以。

除了上面所讲的样式以外,还可以自定义样式表。只需将一些滤镜效果在head区域定义,然后在body区域调用即可,调用时只需要键入“class=滤镜名”即可。

CSS样式表的特点、功能总结

插入方式

插入位置

控制范围

应用代码

优点

外联式样式表

内联式样式表

嵌入样式表

所有链接样式表文件的网页(全站)

可以复用、便于修改、提高网页显示的速度

教材