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) > 浏览器默认样式
-
“就近原则”
