初学css——css引入及css基础选择器1. 行间样式 2. 页面级 3. 外部css文件 1. id选择器（一一对应

css

cascading style sheet（层叠样式表）

引入css

1. 行间样式

<body>
   <div style="


   "></div>
</body>

2. 页面级

<head>
   <style type="text/css">
   <!--type="text/css"可不写-->
      div{
    
      }
   </style>
</head>

3. 外部css文件

<head>
   <link rel="stylesheet" type="text/css" href="">
   <!--添加css文件路径-->
</head>

选择器

1. id选择器（一一对应）

<head>
   <link rel="stylesheet" type="text/css" href="lesson3.css">
</head>
<body>
   <div id="only">123</div>
</body>

#only{
	background-color:red;
}

运行页面：

2. class选择器（多对多）

<head>
   <link rel="stylesheet" type="text/css" href="lesson3.css">
</head>
<body>
   <div class="demo demo1">123</div>
   <div class="demo">456</div>
</body>

.demo{
	background-color:yellow;
}
.demo1{
	color:#f40;
}

运行页面：

demo作用于两个div中

第一个div中“123”同时被demo和demo1修饰

3. 标签选择器

<span>    </span>

span{
    
}

相同标签

4. 通配符选择器

*{
    
}

全局的选择，选择所有标签

5.属性选择器

<div id="" class=""></div>
<div id=""></div>

[id]{
    
}

将有此属性的选择出来

优先级

! imporant>行间样式>id>class | 属性选择器>标签选择器>通配符选择器