Css来控制页面布局和样式.。
HTML与Css关系：
HTML结构层--负责从页面角度搭建页面结构。
Css样式层--负责从审美角度美化页面。
JavaScript行为层--负责从交互的角度提升用户体验。
Css样式引用的四种方式：
（1）头部样式（内嵌式）
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="css/1231.css">
<style type="text/css">
p{color: #cda;font-size: 50px;font-style: italic;}
</style>
</head>（2）行内样式
<p style="color: blue;font-size: 20px;font-style: italic;">这是二行字。。。</p>（3）链接式（外部样式）
<link rel="stylesheet" href="css/1231.css">（4）导入式
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="css/1231.css">
<style type="text/css">
@import url("css/1231.css");
</style>
</head>个别属性：
margin /*边距*/
padding /*内填充*/
letter-spacing /*字间距*/
float /*浮动*/
line-height /*行高*/
margin-bottom /*段间距*/
text-indent /*首行缩进*/