css样式引入的三种方法

发布时间:2020-04-21编辑:脚本学堂
本文介绍下,有关css样式引入的三种方法,分别是内联样式、内部样式表、外部样式表,另外还有浏览器的缺省设置。有需要的朋友参考下。

本节内容:
css样式引入

这里先介绍下css样式的优先级,由高到低顺序:
1、内联样式(在 HTML 元素内部)
2、内部样式表(位于 <head> 标签内部)
3、外部样式表
4、浏览器缺省设置
 
一,引入外部样式表
 

复制代码 代码示例:
<head> 
<link rel="stylesheet" type="text/css" href="mystyle.css" /> 
</head> 
 

二,内部样式表
 

复制代码 代码示例:
<head> 
<style type="text/css"> 
  hr {color: sienna;} 
  p {margin-left: 20px;} 
  body {background-image: url("images/back40.gif");} 
</style> 
</head> 
 

三,内联样式
 

复制代码 代码示例:
<p style="color: sienna; margin-left: 20px"> 
This is a paragraph 
</p>

就是这些了,在实际的网页制作中,灵活运用这三种css样式引入方法,做出更符合w3c规范的网页。