2.在test.html文件内，使用div标签创建一个模块，并设置div的class属性为mydiv，主要用于下面通过该class来设置css样式。
3.在test.html文件内，在div标签内，使用input标签创建一个文本框，并设置input的id属性为myinput。
4.在test.html文件内，编写<style type="text/css"></style>标签，页面的css样式将写在该标签内。
5.在css标签中，定义类名为mydiv的样式，使用border设置div的边框为1px灰色边框，使用width设置div的宽度为400px，使用height设置div的高度为200px。在浏览器中打开test.html文件，查看文本框未下移前的效果。
6.在css标签内，定义id为myinput的样式，使用margin-top设置文本框下移20px。
7.在浏览器打开test.html文件，查看实现的效果。
@ css固定边框用什么？
css设置边框可以用border简写属性，它可以在一个声明设置所有的边框属性，按照border-width、border-style、border-color顺序设置；也可以单独使用这几个属性来设置边框样式。
边框属性介绍：
border属性：
一个简写属性，在一个声明中所有的边框属性。
可以设置的属性分别（按顺序）：border-width, border-style,和border-color.
如果上述值缺少一个没有关系，例如border：＃FF0000;是允许的。
border-width属性：
border-width 简写属性为元素的所有边框设置宽度，或者单独地为各边边框设置宽度。
只有当边框样式不是 none 时才起作用。如果边框样式是 none，边框宽度实际上会重置为 0。不允许指定负长度值。
border-style属性：
border-style 属性用于设置元素所有边框的样式，或者单独地为各边设置边框样式。
只有当这个值不是 none 时边框才可能出现。
@ css有没有bordertop？
有的。
在css中，border-top属性是一个简写属性，是用来将元素上边框的所有的属性定义到一个声明中，当大家要单独设置元素上边框的显示效果的时候，就可使用css中的border-top属性来实现。
border-top属性所定义的上边框属性：border-top-width（上边框宽度）、border-top-style（上边框样式）、border-top-color（上边框颜色）。
@ css3新增功能？
1、css3新增的超级选择器：属性选择器、结构性伪类选择器、UI元素状态伪类选择器、通用兄弟元素选择器
2、使用选择器在页面中插入文字、图片、项目编号等内容
3、文字阴影与自动换行
4、各类盒模型：总体分为block类型和in line类型，在细分为inline-block类型、inline-table类型、list-item类型、run-in类型、compact类型、表格相关类型、none类型
5、盒模型相关的属性：overflow属性（内容溢出）、box-shadow属性（盒阴影）、box-sizing属性（宽高计算）
6、新增的背景样式backround-clip属性、backround-origin属性、backround-size属性、backround-break属性
7、新增的边框样式：border-radius属性（圆角边框）、border-image属性（图片边框）
8、新增的 transform变形功能：rotate（旋转）、scale（缩放）、skew（倾斜）、translate（移动）
9、新增的动画功能：transition（平滑过渡）、animation（关键帧）
10、布局相关样式：多栏布局、盒布局、弹性盒布局
11、兼容性问题
