概述
JQuery的视频已经看完了,视频中的实例也跟着敲了一遍,在看视频,敲代码,以及后期的总结中有很多的感触,下面说一些自己的收获
看视频和敲代码过程
在敲JQuery视频中实例的过程中,给我最深的感触就是对HTML和CSS的作用有了更深的了解。敲写一个窗体时,首先要看这个页面有哪些HTML标签构成,然后书写相应的HTML文件,再看页面的显示效果(布局和外貌),通过书写CSS内容来实现页面的显示效果,然后查看,网页中元素具有哪些事件的响应,这些响应分别是修改了页面中的哪些内容(整个元素,元素的属性)。
视频中老师讲课的条理非常的清楚,描述过程中的步骤非常的清楚,这个是我们应该培养的,在进行相应的编程时,应该首先用注释描述清楚过程中每个步骤应该做的内容,然后再在相应的注释下面书写相应具体的代码。
总结过程
总结的过程现在还没有完成,就说说目前阶段的总结吧。看视频的过程中做了相应的笔记,完成了相应的实例,目前的总结,是根据视频中讲解的知识点,进行总结,总结的过程中把学习JQuery的API文档排在很重要的位置上。下面说一些具体的内容。
鼠标停放在元素上,鼠标样式变手型。具体的实现有很多种,但是,思路无外乎就这两种。
方式一 html中添加如下代码 <a href = "#">内容</a> CSS中添加如下代码 a{ /*取消下划线*/ text-decoration:none; /*字体颜色*/ color:red; /*行级元素转换为块级元素,并改变其属性的作用范围*/ display:block; width:500px; } 方式二 CSS中添加如下代码 #clsss{ cursor:pointer; }
内容水平居中显示
水平居中 /*盒子模型在浏览器中居中*/ margin-left:auto; margin-right:auto; /*盒子模型中的元素在盒子模型中居中*/ text-align:center; 1、盒子模型的width为浏览器的可视宽度;默认情况 #clsss{ text-align:center; } 2、盒子模式的width不为浏览器的可视宽度 #clsss{ width:500px; margin-left:auto; margin-right:auto; text-align:center; }
总结
读万卷书,不如行万里路;行万里路,不如阅人无数;阅人无数,不如明师指路。遇到名师,你不要等着人家刻意的去指导你,你才有所收获,要学会从他的言行举止中学到东西。具体的总结还没有完成,下面会继续这方面的事。