摸鱼的前端练习学习笔记（三）

摸鱼的前端练习学习笔记（三）

今天周日，周五晚上加上周六嗨了一天后，今天沉下心继续练习前端的界面，今天没有了组内好友（前端大神）@ i_chensi 的相助，调试进程慢了很多。
但是今天实现的一个小div没有新的功能和知识，都是根据前两次的内容改变而成。

HTML

加入了一个div块，其中分为三个span，用float：left使其水平排列，第一个块中为一个图片，第二个块中为文字，第三个块中为序列展示。

CSS

设置div宽高和位置，设置三分span为左浮动，设置三个span宽高和边框、文字大小等。

记录一些所学知识：

今天没有新的知识，但是巩固了一下每设置一个div就是将整个行占住无论设置div有多大，要想设置整行中有几个块，需要再div中设置多个span，然后设置各个span为浮动，这里我习惯设为左浮动，这样各个span块就能水平排列在一个div中。
border: #00008B 1px solid; 这是设置边框的颜色，宽度和实现方式（分为实现和虚线），这是普遍设置，如果只需要其中的一个方向那就设置border后加上方向就可以。
margin-right就是设置距离上一个元素的右侧距离，其他方向同理。
font为设置文字的各种。

图片在下面，留个记录看看每天的进度