前言:

html 相当于网页的骨架，为了让网页看起来更好看就需要用到css。

css选择器

标签选择器：

使用style 标签子标签里面使用对应的标签，使用的范围可以是整个块元素

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<style>
            body{
				background-image: url("wallhaven-5g7ew7.jpg");
			}
            
            h1{
                color: azure;
                text-align: left;
            }	
            div{
				text-align: center;
				color: white;
			}
			
		</style>
        <h1>
            我的博客
        </h1>
        <div>                 
			<h3>丑奴儿·书博山道中壁</h3>
			 <b> 【宋】 辛弃疾</b><br/>
			 <p id="gushi"> 少年不识愁滋味，爱上层楼。爱上层楼，为赋新词强说愁。</p><br/>
			 <i class="rate"> 而今识尽愁滋味，欲说还休。欲说还休，却道天凉好个秋。</i>
			  </div>
    </body>

效果如图：

id选择器：

可以使用在单个标签和标签选择器比较他的范围更细。在对应的标签里添加id属性再在style标签中写上 #(id的值)

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<style>
            body{
				background-image: url("wallhaven-5g7ew7.jpg");
			}
            
            h1{
                color: azure;
                text-align: left;
            }	
            div{
				text-align: center;
				color: white;
			}
            #gushi {
				     background-color: cornflowerblue;
				  
			} 
			
		</style>
        <h1>
            我的博客
        </h1>
        <div>                 
			<h3>丑奴儿·书博山道中壁</h3>
			 <b> 【宋】 辛弃疾</b><br/>
			 <p id="gushi"> 少年不识愁滋味，爱上层楼。爱上层楼，为赋新词强说愁。</p><br/>
			 <i> 而今识尽愁滋味，欲说还休。欲说还休，却道天凉好个秋。</i>
			  </div>
    </body>

效果如图:

类别选择器:

类别选择器在标签定义一个class属性和对应的值，可以定义多个属性。需要加上**.**。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<style>
            body{
				background-image: url("wallhaven-5g7ew7.jpg");
			}
            
            .rate {
                 color: white;
            }
            
			
		</style>
        <h1>
            我的博客
        </h1>
        <div>                 
			<h3>丑奴儿·书博山道中壁</h3>
			 <b> 【宋】 辛弃疾</b><br/>
			 <p > 少年不识愁滋味，爱上层楼。爱上层楼，为赋新词强说愁。</p><br/>
			 <i class="rate"> 而今识尽愁滋味，欲说还休。欲说还休，却道天凉好个秋。</i>
			  </div>
    </body>

web前端--css

前言:

css选择器

标签选择器：

id选择器：

类别选择器:

废柴