本周小记

     来博看已经一周多了,很高兴进入h5-19班,让我遇到了这群幽默、勤奋、上进的小伙伴们。记得没来之前,自己内心各种忐忑,各种不安,学了四年硬件,焊了两年电路的我一下子要改行学软件,敲代码,而自己对这方面接触的并不多,能学好吗?自己不禁在内心设了个大大的问号。但通过一周的学习之后,我发现是自己多虑了。

通过与h5-19班的小伙伴们一周多的相处,我发现这儿是个很融洽,很快乐的家庭。我相信在老师的指导和同学们的互相帮助下,我一定能学好这门技术。说实话我在html5这门技术方面现在还是一张白纸,但我有信心将这张白纸填满,先从学习各个小知识点开始,再不断地总结将其积累成一条线,逐渐形成一个面,多个面,最终形成立体的知识结构。。。。。。

下面我就总结一下这些天所学的知识:

      html是什么?超文本链接语言;它由两个部分组成:headbodybody中又含有两类标签:块属性标签和行属性标签;

块属性标签有:div,p,h1-h6,dl,ol,ul,table;行属性标签有:span,a,img,b,em,i,strong,var,cite,form,button,input,select,textarea,注释;它们的特点是:块:1.独占一行;2.支持设置宽高;3.默认宽度自动充满整行; 行:1.不独占一行;2.不支持设置宽高;3.内容充满整行。

     其实用html才对网页做了一个框架,我们看到的网页内容显示各种样式,这就得引入css来设置样式,在html中引入css有三种方法:1.外部引入;2.头部引入;3.在标签内直接修改。在引入css样式时我们可以用到选择器进行标签定位,选择器有五种:ID选择器,class选择器,标签选择器,后代选择器,群组选择器;各类选择器的优先级不等。在css样式中我们可以对框架以及框架中的内容进行修改,比如对字体,文本,背景均可修改。

      接着我们又学习了盒模型,说白了就是在body中放置盒子,一个div标签就是一个盒子,盒子又由内容、内间距、边框和外间距组成,并对这些部分的属性进行了学习。在盒子里可以任意嵌套多个盒子及其他内容,结构就具体要求可自行设置,当然了盒子以及盒子中的内容的样式就可在css中修改。

      在设置样式时还得对其进行布局,因而我们又学习了布局样式的几个属性:float(浮动)属性,display属性和clear属性,并对其用途做以试用。其中我们发现float属性可以取消块属性标签和行属性标签的特点,这样我们就可以根据自己的意愿对所设计的标签样式进行修改。设置好之后又可用clear清楚布局好的浮动,这样可以避免浮动遮蔽盒子内的其他元素。

      以上只是我对这些天所学内容的一个大概的概括,其中内部还有很多小细节没提到,也觉得自己练的还不够,本来就没基础,敲个代码都那么慢,所以在以后的日子里还得加强练习,不断地去熟悉那些小细节,网页设计其实是很注重细节的,所以自己还得不断地练习、练习、练习再练习,争取早日熟练掌握那些小细节。有什么不懂的地方也要及时的去请教老师和同学,与大家要多沟通多交流。

好了,就扯这么些吧,以后的日子还长着呢,该扯的应该也还有很多吧,时间不早了,睡觉觉喽。。。。。。

 

原文地址:https://www.cnblogs.com/mmyy/p/3513111.html