前端之路——第四篇：css（position及float的使用，组合选择器、css3特效标签）

学习上节课后，感觉自己还是可以做出独立完成一个提交表单的案例了，但是实！在！太！丑！了！

老师看到也实在不忍心了，于是在这节课叫我些关于css的标签

做前端的，起码要让人家看起来是美观的，顺眼的~~

废话不多说，今天3个知识点。

1、position属性及float的结合使用（很难！）

2、组合选择器，可优化代码，认识层级关系（父、子、孙），能直指个别元素及子元素进行css声明！

3、border（边框属性）、圆角：border-radius: 1px、transition（结合hover使用的特效属性）

简单语法：

div{
width: 100px;
height: 100px;
background: red;
}


div:hover{
width: 200px;
transition: all 0.2s linear;
}

具体内容不放上来了，结合今天的知识点，应该能做出一个美观的提交表单案例吧！！！

感谢老师