学习总结

前几天导师安排我建网站和数据库,苍天啊!!我一个学车辆的研究生,读研期间从来没有接触过和汽车相关的任何项目一直在编程,现在就是一个标准的码农。研究生开学,老师就安排学C语言和c++说是以后要做变速器台架试验需要编程, 好吧学咯,可是等研一结束开始做项目的时候,变速器的项目做完了。。完了。。了,当时我特么就懵逼了,这可怎么毕业,我还怎么进梦寐以求的车企。后来,老师突发奇想说要web开发,我勒个擦擦,直接让哥们儿扔掉c++,转行开搞PHP。好吧,吐槽完毕,虽说心里有些不舒服,还是想搞和汽车相关的东西,但是老师安排的任务还是要好好完成的,毕竟学的东西都是自己的。

学了半年多的C语言和c++,学新的语言还是挺快的,花了三天学习html5,css+div,+这些东西主要都是记忆性的,没有太大的难度,多多练习都能很熟练的应用。html就是网页中的文字、图片、声音等,换句换说就是网页上的内容;css(层叠样式表)就是用来设定网页各个标签的表现形式,例如文字的字体颜色、大小、样式、粗细等;div就是在空白的网页上开辟盒子空间,而盒子的大小是在css中设定的,例如:border、margin、padding、width、height等。总结一下,网页编写的过程是,css设定样式,div设定盒子,html填写内容。

从最简单的开始说吧,div就是“无意义”标签,打引号是因为单独的div标签是没有用的,需要结合css的类选择器或者ID选择器才能起到设定盒子的作用,当然还有关于盒子的设定:绝对位置、相对位置、浮动的盒子等等。这些是在css的选择器中声明的,一般编写简单的网页用到就是border、margin、padding、width、height这几个元素,border是盒子的实体边界,margin是盒子边界与外部空间的距离,padding是盒子边界与盒子内容部分的距离,至于width和height则要根据不同的浏览器而定,遵循w3c规范的浏览器(如火狐)的width和height指的是内容区,而不遵循w3c规范的浏览器(如IE)的width和height指的是就是盒子border包起来的区域。当然还有position、overflow等属性因为没有练习过,等以后学习php的时候再补上吧。用的最多的是floa和clear属性,float属性只有left和right指定盒子向左漂浮还是向右漂浮,clear是为了防止盒子重叠而设定的,可以设置盒子的左右或者全部边界不接触其他的盒子,貌似就用过这两个属性,就先到这里吧,以后有想法再来添加。

第二个部分是css,这也是我喜欢的一部分,感觉css这种语法很好玩。css(cascading style sheets)层叠样式表,这种语法就是用来修饰html编写的内容,最主要的就是选择器+声明,选择器有:html选择器、类选择器、ID选择器、组合选择器、关联选择器、伪元素。今天上午在慕课网上看到了两种陌生的选择器,但是 忘了。html选择器就是html所有标签都可以做选择器,优先级别最低;类选择器需要在标签前面加上一个点证明是类选择器,类选择器能够被反复用多次,所以当你需要定义一个需要使用过次的选择器的时候用类选择器;ID选择器优先级别最高,定义ID选择器的时候需要在选择器前面加一个#,ID选择器只能针对某一个元素,不像是类选择器能够被反复使用,仅使用一次的选择器可以使用ID选择器;组合选择器就是很多个标签的属性相同,这时可以不必定义很多个选择器,只需要将每一个标签用逗号隔开进行声明就行。关联选择器就是像是父亲和儿子的关系,例如table tr{};伪元素目前只适用于

,主要是用于,例如a:hover{};a:visited{};a:active{};超链接的不同状态显示不同的颜色和字体。学习css除了学习选择器之外,还要牢记字体、边界、边界、文本的各种属性,这个只能通过多多练习。

第三部分也就是最重要的部分html5,这部分不知道怎么说,标签太多就不一一介绍了。介绍几个印象深刻的,链接图片用其中属性src是图片的url,alt是图片没有下载成功的时候,把鼠标放在图片上显示的文字;中的href是所要链接文件的url,target是点开超链接的时候设定的网页打开方式,title是把鼠标放在链接部分出现的文字;是放在部分,主要是用来链接外部文件,例如链接css文件,还有一些重要的就是html表单的设计

标签里面有很多东西经常用到,