学习总结
一周过的很快,时间总是无声的在流逝。这一周的学习给我最深感触的就是,理解对于运用多重要。
原本以为前端设计并不会有想象中的难,代码结构,代码意思让人一看便很容易的想到它要表达的意思。不过从我们所做的几项作业上,我发现我认识的还是很肤浅。天真的以为,往往就是最大的错误。前端设计并不简单。
CSS样式中,对大部分网页元素都有通用的属性,常见的诸如:display,width,height,background,font,overflow,visibilty等等。每一个属于都有其固定的作用。它们与它们的值共同构成了网页内容的多彩样式。当属性单独使用时,十分的容易理解,它的值和其对应的表现很容易被我们所区分出来。但是在一个整体页面中,不同元素的属性与属性间是会相互影响的。一个复杂结构出现在我们面前时,如果我们需要修改它,那么对这些属性的理解将十分关键。不同的理解对同一现象的解释是不同的,如果在理解上我们有所欠缺,那么很多现象我们无法解释,也就无法做出有效的修改、编辑。简单的属性却在层级,结构,嵌套中变得复杂。它们各自对页面结构的影响也变得难以理清。
CSS样式除了对元素样式的修改,另外就是对页面的整体布局。这个过程本质上只是将各种代码组合在一起。用的比较多的会是盒模型。例如使用div元素拼出整体的框架。每一块放置什么内容,会在页面的什么位置。让后对其设置width,min-height,margin,padding等属性实现它的布局。在这一周的学习过程中,我发现对于页面布局两点特别的重要。一是,小技巧的使用,如:div等框,一般使用min-height代替高度的固定设置,而用内容去撑开。又如,使用background-color代替边框的设计,以方便你去看布局的效果。小技巧的运用会大大提高布局时的效率,也更容易的发现布局错误、遗漏的地方;其次,是布局设计的思想。单独的元素,诸如单独的汉字,而好的思想可以写出优美华丽的文章。布局也是一样,整体的设计除了对各个元素深刻的理解就是对设计思想的把控。
这一周的学习收获还是颇多的。