本节简介:CSS内联样式表、内嵌样式表、外部样式表以及样式表的优先等级
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
添加CSS的方法:链接外部样式表;内联样式表;内嵌样式表;导入外部样式表;样式表优先级。
外部好处 可独立边修改 可通用 只需要下载一次就可在其他页面浏览 是访问者很快看到内容
LINK 在头部 内联样式表 bbody (不推荐使用) 内嵌样式表在头部 导入外部 内部>内嵌>外部
<link rel=stylesheet type=text/css href=style.css>
样式表的优先等级:如果没有冲突,可以叠加;有冲突,则内联样式>内嵌样式>外部样式
样式表的优先等级:如果没有冲突,可以叠加;有冲突,则内联样式>内嵌样式>外部样式
(2)内联样式表:是混合在HTML标记里使用的,用这种方法,可以很简单对冒个元素单独定义样式,它主要是在body内实现的。 (3)内嵌样式表:它一般位于HTML文件的头部,即<head>与</head>标签内,并以<style>开始,以</style>结束,这些定义的样式可以应用到页面中。 (4)导入外部样式表:是指在内部样式表的<style>里导入一个外部样式表,导入时用@import,<style type=text css @import slstyle.css>
链接外部样式表的优点:a、独立于HTML文件 b、多个文件可以使用同一个CSS样式表 c、CSS样式只需要下载一次,就可以在其他链接页面了解该文件的使用内容 d、先显示HTML文件的内容,后用CSS渲染
添加CSS有四种方法:链接外部样式表、内联样式表、内嵌样式表和导入外部样式表 (1)链接外部样式表:实在网页中调用已经定义好的样式来实现样式表的应用,外部样式表是一个单独的文件,扩展名为CSS,可以同时和多个网页文件进行链接或导入, 适合大型网站样式定义。<link rel=stylesheet tpye=text/css href=slstyle.CSS>
导入外部样式表:在内部样式表的style里导入一个外部样式表,用@import
内嵌样式表:位于html文件的头部head内,并且以style开始和结束
链接外部样式表:<link rel=seylesheet type=text/css href=slstyle.css>
链接外部样式表,内联样式表,内嵌样式表,导入外部样式表