如果说html是盖房子，那么css就是装修房子，它可以决定外观、样式、和位置等网页元素。
一、css的几种使用方式
1、行内样式
所有标签都自带有style
属性，因此给标签加一个style=“样式1：样式1的值；样式2：样式2的值” ，如果有多个样式，样式和样式之间要用分号隔开。
示例：
<h1 style="color:red;background:yellow">标题</h1>
2、内嵌样式
在head头部中style标签，在style标签找到想要加样式的标签
示例：
<!DOCTYPE html> <html > <head> <style> div{ background: blue; color: yellow; } </style> </head> <body> <div> 今天星期二 </div> </body> </html>
3、外部链接样式
在外部有一个css文件，在当前的网页头部中使用link去链接css文件
示例：
<!DOCTYPE html> <html > <head> <link rel="stylesheet" href="./css样式link标签.css"> </head> <body> <div> 今天星期二 </div> </body> </html>外部链接：
div{ background: pink; color: blueviolet; }
4、通过class类名获取标签，前加 .类名
在标签中加class属性，class=“类名”，在css中通过.类名的形式去写样式，class可重复
示例：
<!DOCTYPE html> <html > <head> <style> .tom{ color: red; background: yellow; } </style> </head> <body> <div class="tom"> 今天星期二 </div> <div class="tom "> 明天星期三 </div> </body> </html>
5、ID选择器
唯一标识，类似于人的身份证号，#类名，ID的值不可重复
示例：
<!DOCTYPE html> <html > <head> <style> #user{ color: red; background: yellow; } </style> </head> <body> <div id="user"> 今天星期二 </div> </body> </html>
二、设置文字大小、字体、加粗
1、文字大小
文字默认大小为16px
示例：
font-size:500px2、文字字体
font-family:字体3、文字加粗
font-weight:bold
三、文字的对齐方式
1、文字水平对齐
text-align:center;居中对齐 text-align:end;右对齐 text-align:start;左对齐2、文字垂直对齐（行高）
设置行高等于 高 文字上下居中
设置行高小于 高 文字靠上
设置行高大于 高 文字考下
height: 300px; 行高 line-height:300px;
标签：示例,样式,边框,对齐,居然,border,震惊,css From： https://blog.csdn.net/nemey/article/details/136655221四、css的边框
边框的材质：solid（实线） dashed（虚线）double（双实线）
1、上边框
border-top:边框颜色 边框粗细 边框材质;
示例：
border-top:red 5px solid;2、下边框
border-bottom:边框颜色 边框粗细 边框材质;
示例：
border-bottom:black 3px dashed;3、左边框
border-left:边框颜色 边框粗细 边框材质;
示例：
border-left:orange 5px double;4、右边框
border-right:边框颜色 边框粗细 边框材质;
示例：
border-right:blueviolet 1px solid;5、四边框同时设置
border:边框颜色 边框粗细 边框材质;
示例：
border:1px solid green;