Thinkcss系列DIV CSS教程之DIV CSS教程小总结与CSS实践作业
一、DIV CSS学习的小结心得
CSS制作与学习一切很简单 你实践了几次 就会拨云见日
不要想的很困难 觉得没时间 而时间是挤出来的 其实很简单 实践心中有数 就明白很简单 如果不实践 永远觉得很难 很模糊
大家平时可能想很多，把问题想的很复杂越想越深，但很少着手实践验证自己想法。这样是不正确的，有点浪费时间。大家一定要随时实践来验证自己想法，实践了你会发现比想象简单，也易于理解，实践出真知。大家记住一个目的，无论用什么CSS样式只要实现布局就是好的方法。
二、DIV CSS作业
作业内容：
新建div 初次体验实践
新建一个div设置高300px和宽100PX，背景黑色 ，字为白色、边框1px为红色的 BOX
作业提示：
首先我们定义CSS属性选择器（这里命名为“yangshi”）：
CSS文件里CSS选择器命名及其代码：
.yangshi{}
要求解读：
高300px height:300px
宽100PX width:100px
背景黑色 background:#000
字为白色 color:#FFF;
边框1px为红色 border:1px solid #F00
先不要看下面内容，等待实践完成后参考：
CSS代码：
.yangshi{ height:300px; width:100px; color:#FFF; background:#000;border:1px solid #F00;}
对应HTML里的div标签：
<div class="yangshi">我是内容</div>
完整代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>实例</title>
<style type="text/css">
.yangshi{ height:300px; width:100px; color:#FFF; background:#000;border:1px solid #F00;}/* 定义背景黑色，1PX的红色边框，字为白色 ，高300px和宽100PX*/
</style>
</head><body>
<div class="yangshi">我是内容</div>
</body>
</html>
效果：
DIV CSS作业效果图
大家看到这里就会想到，很多CSS属性单词我还不认识啊，怎么办？
这里给大家介绍方法，平时大家多看看这些属性单词，如果在实际中不会用，然后去查下CSS手册或CSS属性栏目查看对应教程与用法，多多练习就会熟能生巧的。
只要能记住这些CSS单词长什么样子，他们以什么字母开头，并且有什么属性和功能即可，如果不能记住拼写 ，没关系日后练习很快就上手了。借助DW软件代码提示功能，记住每个属性单词开头前2个字母是什么即可，不必计较是否会完美拼写，借助DW工具即可快速输入正确完美的CSS属性单词及值。
三、本节课DIV CSS学习总结
我们这里上课知识，在我们HTML8网站里很多地方都会看见， 关键是我们让大家从规范、掌握学习方法，怎么走捷径的路来学会CSS
学会CSS DIV只需分秒事！剩下是实践和解决问题！
为什么我们不一次性在1-2天时间上完所有课程，那是考虑时间的缓冲，让你长时间的关注CSS，在1个月里不停重复、给你压力去关注接触CSS、学习CSS、规范CSS，从中，学会和掌握技巧方法 对CSS产生印象 产生概念 找到规律
DIV CSS布局制作很简单的 掌握了ID和CLASS的区别和用法 基本就OK 剩下的就是实践
实践1处 就掌握1个知识点，自然 就会了 在1个月时间实践中找到对CSS感觉 ，而感觉这个东西别人是教不给你的 只有你自己慢慢体会和实践的。就如我们学习设计，设计软件你可以学到使用滚瓜烂熟，但设计东西那就看感觉、本质认识、内在知识体系构建、体验实践了。
重复、仔细 、实践、思考 、不浮躁 就OK！
本节课（1-1 至 1-9）目的：
1、认识我们制作CSS的常用软件
2、让大家认识和记住掌握html（结构）
3、新建CSS代码及外部CSS文件
4、在head头部使用style建立CSS
5、掌握html引用外部CSS文件
6、用CSS能制作一个简单布局的html
7、学会扣网页
OK 下来 新建一个html 和CSS文件，然后将CSS文件引入html中，然后布局一个BOX， 高300，宽100，黑色虚线边框，文字大小为16px，文字上下左右居中，文字为红色
下来 后复习常用各个属性 用法 ，最好是挨着试试 以多种角度试试、多实践 找感觉 增加经验。