css模式
内嵌式
直接写在html 的中调用
<head>
<meta charset="UTF-8">
<title>css</title>
<style>
span{
font-size:60px;
color:pink;
font-family:宋体;
}
</style>
</head>
<body>
<span>css展示</span>
</body>
外链式
<head>
<!--外链式-->
<link rel="stylesheet" type="text/css" href="xx.css">
</head>
行内式 （优先）
<span style="color: pink; font-size:50px">行内式展示</span>
实体化
1 div显示模式
<style type="text/css">
div {
width: 200px;
height: 100px;
background: #A3D289;
display: inline-block;
/*display: 改变了显示模式， inline-block：是行内块模式，即可写宽高，又可换行*/
}
</style>
div显示模式
<div>div1</div>
<div>div1</div>
.2 span显示模式
<style type="text/css">
span{
width: 200px;
height: 100px;
background:green;
display: inline-block;
/*行内块模式*/
display: block;
/*块标签模式*/
}
</style>
</head>
<body>
<span>span1</span>
<span>span2</span>