css 引入方式以及css的选择器

一、css的引入方式:
1.行内样式
<div>
<p style="color: red">我是一个段落</p>
</div>
2.内接样式
<style type="text/css">
span{
color: red;
}
</style>
<span>我是span中的文字</span>
3.外接样式
<!-- href 中填写css文件的路径-->
<link rel="stylesheet" href="./index.css">
二、css选择器
<style>
div{
/*

1.标签选择器
选中所有div标签 css样式作用于所有div标签,其他标签同理

*/
color: red;
}
.box{
/*

2.类选择器
选中所有带有box类的标签,

*/
color: red;
}
#s1{
/*
3.id选择器,同一个页面中的id不能重复
选中id为s1的标签
*/
color: red;
}
</style>