CSS主要是用于定义HTML内容在浏览器内的显示样式。
内联式
<p style="font-size : 1.3rem;font-weight: 700;">嵌入式</p>
嵌入式
写在<head>
标签内
<style type="text/css">
.title {
margin-top: 2%;
text-align: left;
font-size: 1.5rem;
font-weight: 600;
}
</style>
外联式
然后再html中引用外部的css文件
写在<head>
标签内
<link href="style.css" rel="stylesheet" type="text/css" />写在<head>标签内,而非<style>内
href是引入的css的文件名
rel和type是固定写法
三者优先级
内联式、嵌入式,外联式三者的优先级–权重相同的情况下,就近原则,即:内联式 > 嵌入式 > 外部式
注意:嵌入式>外部式的前提:嵌入式css样式的位置一定在外部式的后面;否则,外部式则会覆盖掉嵌入式的同样的样式