前端知识-CS-01
一、选择器
通过什么方式来定位
1、sytle标签
style标签功能：写css样式的
sytle标签的几种写法：1、可以在head里面添加一个style标签
2、在head标签中 通过link标签，引入css样式表 <link rel= "stylesheet" href="xxx.css">
3、也可以在body中某标签里面直接添加style样式属性 如：<div id="i1" style="">
stylesheet是一个样式表
2、id 选择器
3、class标签
4、标签选择器
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
div{
height: 100px;
width:100px;
background-color: pink;
}
</style>
</head>
<body>
<!--标签选择器-->
<div></div>
</body>
</html>
<!--标签选择器的优点：不需要在style中特别定义，直接可以用，
缺点：当前html页面的所有div都应该这个样式，写多少个div都是应用这个样式-->
5、标签层级选择器
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
div span{
background-color: blue;
}
</style>
</head>
<body>
<!--标签层级选择器-->
<div>
<span>层级</span>
</div>
</body>
</html>
