学习HTML,CSS和JavaScript的心得体会

html-css06

学习HTML,CSS和JavaScript的心得体会,第1张

说一说自己的体会吧,也不一定正确

1.简单理解html就是文本语言,诸多元素定义成一个页面框架,是之能在浏览器上显示

2.css是对html进行外观设置,比直接在html里面设置更加整洁,减少代码冗余方便维护,加载速度快,而且css中的许多伪类可以帮助实现诸多页面效果

3.javascript是脚本语言,可以对dom进行操作,方便页面设置,帮助实现画面动作,验证,表单提交等等操作

给你几个比较重要的建议把

1、用Dreamweaver布局的时候,预览模式只能做部分参考或者不做参考,最终还是以浏览器显示为依据,因为Dreamweaver的预览模式的纠错能力差,或者说是兼容性不行

2、尽量把各个样式代码的名称记住,因为Dreamweaver有代码提示功能,所以也不用一字不落的全记住,但至少你得记住代码的大概拼写或者打头字母,这样能有效的帮你找到样式,这一条建议是比较适合初学者,记住代码能让你更快速更有效的布局

3、多看一看人家的成品页面,能让你快速的学习,但是当你能够基本熟悉后,想要有所进步看别人的效果就不那么明显了,最好就是自己多做,然后碰到问题解决问题,解决问题的过程就是学习的过程,我经常在百度这里帮人解决css方面的问题,经常能碰到一些我没碰到的问题,这就能让我在解决这个问题当中又学到一些东西,此外我教你一个更快速看别人页面样式的方法,那就是firefox火狐浏览器有一个firebug插件,按下快捷键F12就可以查看你所看到的页面的页面布局以及css样式,360浏览器也可以用

4、最好是能买一本专业的div+css布局的基础教程的书学习,因为我们在网上所学到的都比较的凌乱,看书学基础的话会比较的扎实,虽然可能会多花一点点时间,但是对于以后的发展是有好处的

CSS+DIV排版其实很容易。

如果凭空排版。你可能要先自己用纸画个版面草图。然后用div(不加内容,但是要显示边框)按照草图排版。直到自己满意之后再往div中添加内容。

如果有美工做好的效果图,那么按照效果图来排是最容易的。方法同上。

值得一提的是,排版一般都要求主层居中。而且兼容各个浏览器,关于这个方法,很多人都用

margin:0px 0px auto

这是最通用的让主层居中的方法。但是浏览器兼容性差。在大多数浏览器中,这个样式是不起作用的。

最简单有效,而且兼容所有浏览器的方法就是把主层放在<center></center>里。然后主层里的其它层用float和margin排版。保证不跑偏。

以上是我从事CSS+DIV工作5年的心得。莫见笑。