要用到css，首先就得引入，今天学会了三种css的引入方式：
1.行内引用
<body style="background-color:red;"> <p style="color:#666;">这是行内引用css层叠样式后的P标签</p>
PS：记得要养成良好习惯，写完一个属性 值后加分号，注意是英文状态下哦。
2.业内引用
<head>
<style type="text/css">
body{
background-color:red;
}
</head>
<head>
<style type="text/css"> /*type="text/css" 对浏览器声明应用的是css*/ h1{ background:red; font-size:12px; }
</head>
ps:虽然<style></style>标签可以定位在任何地方，但是，我们要把它定位在<head></head>之中，因为这样可以以最快的速度加载。
3.外部引用
在css里面：
p{
font-size:12px;
}
在html里面：
<head>
<link rel="stylesheet" type="text/css" href="css样式的路径“/>
</head>
在css里面：
h1{
font-size:12px;
color:red;
}
在html里面：
<head>
<link rel="stylesheet" type="text/css" href="css样式的路径“/>
</head>
PS：三种引入方式的优先级：就近原则 -------行内引用>业内引用>页外引用
通配选择符 *
*{
color:red;
}
*{
font-size:12px
}
元素选择符
h1{
color:red;
}
p{
font-size:12px;
}
群组选择符
h1,p{
color:red;
}
h1,h3,h5,p{
font-size:12px;
color:red;
}
时间： 2024-07-31 14:33:39