1、行内样式
优点：书写方便，权重高
缺点：没有做到结构样式相分离
<div style="width: 100px" height:100px></div>
（视频教程推荐：css视频）
立即学习“前端免费学习笔记（深入）”；
2、内部样式
优点：结构样式相分离
凡诺企业网站管理系统商业版 1.5 试用版
下载
系统优势： 全DIV+CSS模板，多浏览器适应，完美兼容IE6-IE8，以及Firefox Opera 等符合标准的浏览器，模板样式集中在一个CSS文件中，内容与样式完全分离，方便网站设计人员开发模板与管理。系统较为安全，以设计防注入，敏感字符屏蔽。新闻，产品，单页独立关键字设计，提高搜索引擎收录。 调试环境必须为IIS 后台账户密码：admin功能介绍：基本信息设置：网站名称，联系人等信息
缺点：分离不彻底
<style>
div {
color: violet;
font-size: 16px;
}
</style>3、外部样式
优点：完全实现结构和样式相分离
缺点：需要引入
<!-- 引入css初始化文件 -->
<link rel="stylesheet" href="css/normalize.css" />
<!-- 引入公共样式 -->
<link rel="stylesheet" href="css/baes.css">
<!-- 引入首页样式 -->
<link rel="stylesheet" href="css/index.css">推荐教程：CSS入门基础教程
