你的位置:首页 > 信息动态 > 新闻中心
信息动态
联系我们

CSS(一)—— CSS的引入方式

2021/12/18 19:03:18

CSS(Cascading Style Sheet):层叠样式表,定义HTML元素的样式。

引入方式:

一、行内引入方式(inline style)

在标签内使用style属性

<p style="color:sienna;margin-left:20px">这是一个段落。</p>

二、内部引入方式(internal style sheet)

在head标签中使用style标签

<head>
	<style>
	p {margin-left:20px;}
	body {background-image:url("images/back40.gif");}
	</style>
</head>

三、外部引入方式(external style sheet)

  • 在head标签中使用<link rel=“stylesheet” type=“text/css” href=""/>(优先加载CSS文件到页面)

    <head>
    	<link rel="stylesheet" type="text/css" href="mystyle.css">
    </head>
    
  • 在style中使用@import url("")或者@import “”(先加载HTML结构,再加载CSS文件)

    <style type="text/css">
        @import url(style.css);
    </style>
    

样式的优先级

  • 内联样式(Inline style) > 内部样式(Internal style sheet )> 外部样式(External style sheet) > 浏览器默认样式

  • “就近原则”