CSS入门教程与实践指南.pptVIP

第7章CSS基础10月10日星期日第1页第1页

学习目标掌握内部样式表和外部样式表的定义掌握CSS类和ID选择器的定义，掌握后代选择器掌握伪类的定义，注意定义超链接伪类的次序第2页/10/10星期日

7.1HTML引用CSS的方式在HTML中引用CSS的方式主要有行内样式表、内部样式表、外部样式表，行内样式通过标签的“style”属性来设置CSS属性：内部样式表则是在style标签中定义：第3页/10/10星期日

7.1HTML引用CSS的方式外部样式表是一种独立的样式表文件，扩展名为“CSS”，在样式表文件中只包括CSS规则，在HTML文件中通过link加载样式表文件就能够实现将样式表文件中定义的样式应用到HTML标签。第4页/10/10星期日

7.1HTML引用CSS的方式新建exam1.css第5页/10/10星期日

7.1HTML引用CSS的方式再新建一种HTML文件“7-1.html第6页/10/10星期日

7.1HTML引用CSS的方式本文中HTML文件与CSS文件的位置关系如图：在HTML文件中的head标签中添加link标签，指定其“href”属性为样式表文件的位置，为HTML文件加载样式表文件后，HTML文件在浏览器中浏览效果如下图所示：第7页/10/10星期日

7.1HTML引用CSS的方式第8页/10/10