CSS属性书写顺序及学成在线页面的制作

今天主要学了成长在线页面的制作，跟着Pink老师的步伐一步步制作了出来，但一开始还是有些没有想到，还需多加练习！
今日框架：

思路：
做一个版心的大盒子，写上必写代码
第一行：一个大的div里面分为四个部分，给大盒子设个高度，版心宽度，分别用图片、无序列表ul和li、input和插入背景图片来做，然后进行浮动；
第二行：一个大的div里面分为三部分，给大盒子设个高度，第一部分无序列表加链接，第二部分插入背景图片，第三部分一个小盒子里面分为上中下三部分，加上下划线和边框；
第三行：版心里面分为三部分，第一部分标题，第二部分无序列表然后浮动，然后分别给小li加个左边框，第三部分链接；
第四行：版心里面两部分，分别进行左浮动和右浮动；
第五行内容部分：版心里面一个大盒子，不需要设高度，无序列表划分为n个小li，li里面加个链接，然后设置一个统一的左外边距，分别进行浮动，因为父盒子无高度，子元素又需要浮动，所以一定要清除浮动！！！ 然后在设置一个小li里面的内容，上部分图片，中部分用标题标签，下部分用p段落，里面的高级可以用个span标签，然后进行复制即可；
底部：设个高度，然后分为左右两部分，左边部分上面一个图片中间一个段落，下面一个边框；右边部分用自定义列表做，dl，dt，dd，然后调整每个小盒子的外边距，字号等等即可。
成品：

有关CSS圆角边框的使用和传统网页布局的三种方式之浮动的介绍可点击a=href"https://www.cnblogs.com/kk199578/p/13934303.html"