15天前端学习-第一天(个人记录)

15天前端学习-第一天(个人记录)

为更好的总结和理解所学的知识，我决定连续十五天记录我所学习的前端知识。

今天跟着教程做了一个页面,发现之前学的一些知识,没能很好的理解和串联起来.

结构伪类选择器：:nth-of-type(n) 选中同级同类型的第n个元素 在写样式时用于选中需要写特殊样式的元素

页面中展示类的图片用img 基本不改动的图可以用背景图

在使用浮动时,最好写一个清除浮动的样式:after伪类 {display:block clear:both},写页面的时候,发现设置margin-top div卡在页面下方上不去,检查页面元素时发现margin-top有被设置但就是卡着,才发现忘记清除浮动了.

float可以让页面元素脱离文档流,目前我常用于将元素横向排列.

英文很重要,类名id名看不懂英文,很容易把页面搞混.

理解页面结构很重要,布局时,宽高的分配要注意,计算好.

还有注释的使用,当代码数一多,没有注释可读性非常差.

自己找网页写的时候,网站图片可以在Network(刷新)里找到.

今天学的不多…