CSS3基础学习 02-应用方式:内联、内部、外部

来源:互联网 发布:数据结构c语言课程设计 编辑:程序博客网 时间:2024/06/07 17:44

CSS 有三种应用方式 内联、内部、外部。

内联(行内)样式 Inline CSS

CSS3基础学习 02-应用方式:内联、内部、外部

CSS3基础学习 02-应用方式:内联、内部、外部



内部 Embedded/Internal CSS

内部样式在HTML页面的头部内的<style>元素中定义。

CSS3基础学习 02-应用方式:内联、内部、外部




CSS3基础学习 02-应用方式:内联、内部、外部




外部 External CSS

内部样式在HTML页面的头部内的<style>元素中定义。

使用此方法,所有样式规则都包含在单个文本文件中,并以.css扩展名保存。

然后,

使用<link>标记在HTML中引用此CSS文件。 <link>元素位于头部。

CSS3基础学习 02-应用方式:内联、内部、外部




CSS3基础学习 02-应用方式:内联、内部、外部




CSS3基础学习 02-应用方式:内联、内部、外部




外部样式还可使用import导入,和link差不多

<style type=&rdquo;text/css&rdquo; @import &ldquo;mycss.css&rdquo;>

区别:

导入样式是HTML文件初始化时候,将外部CSS文件导入到HTML内部,作为文件的一部分,类似于嵌入效果。

链接样式,则是在HTML标记需要样式风格时,才以链接方式导入。

原创粉丝点击