一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第5天，点击查看活动详情。
CSS样式概述
-Cascading Style Sheet(层叠样式表) 缩写为CSS,主要用于网页风格设计，包括字体大小，颜色 以及元素的精确定位等。
-HTML5规范推荐把页面外观交给CSS去控制，而HTML标签则负责标签、语义部分。
-HTML5删除了传统的< font> big strike等专门控制页面外观的标签，而把页面外观的控制工作交给CSS负责。目前的最新规范是CSS3.
CSS样式的基本使用
（1）链接外部样式 这种方式将样式文件彻底与HTML文档分离 样式文件需要额外引入< link>
（2）导入外部样式文件 这种方式与上一种方式相同 只是使用@import来引入样式文件
（3）使用内部样式定义 这种方式是通过在HTML文档头定义样式单部分来实现的。这个样式只能供一个页面使用
（4）使用行内样式 通过HTML标签的Style属性来定义样式。
实例代码：
<style type="text/css">
@import url("css/first.css");
</style>
table{
background: #003366;
width:400px;
border-style: solid;
border-width:3px;
}
td{
background-color: #fff;
font-family: "楷体_GB2312";
font-size:20pt;
text-shadow: -8px 6px 2px #333;
}
内部CSS样式主要有三大劣势：
（1）如果此CSS样式需要被其他HTML文档使用，那么这些CSS样式必须在其他HTML文档中重复定义 （2）大量CSS嵌套在HTML文档中，必将导致HTML文档过大，大量的重复下载，导致网络负载加重。 （3）如果需要修改整站风格时，必须依次打开每个页面重复修改，不利于软件工程化管理。
内部CSS样式优点：
但内部样式定义也并非一无是处，如果想让某些CSS样式仅对某个页面，而不影响整个站 点，则应该选择使用内部CSS样式定义。
实例代码：
table{background: #003366;}
td{
background: #fff;
font-family:"楷体_GB2312";
font-size:20pt;
text-shadow: -8px 6px 2px #333;}
.title{
font-size:18px;
color:red;
height: 30px;
width:200px;
border-top: 3px solid #ccc;
border-left: 3px solid #ccc;
border-bottom: 3px solid #fff;
border-right: 3px solid #fff;
}
<div class="title">前端技术:</div>
<table>
<tr>
<td>HTML超文本标记语言</td>
</tr>
<tr>
<td>CSS层叠样式表</td>
</tr>
<tr>
<td>javascript脚本语言</td>
</tr>
</table>
