css样式心得,css样式的基本语法

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

希望高手给点div+css布局心得

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

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

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

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

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

相关问答

Q1: IE8下CSS写法的几点心得

width:192px;

height:55px;

margin-top:100px;

background:url(images/anniu01.gif)

no-repeat

left

bottom;

要将上面的改成

width:192px;

height:155px;

background:url(images/anniu01.gif)

no-repeat

left

50px;

2.尽量用padding-top:，少用margin-top

今天总算升级到IE8了，感觉CSS的写法要想同时适应IE6、IE7、IE8、FireFox，有以下几个基本的窍门。

1、使用float后必须clear，否则IE8显示错误。

2、h1,h2,h3,ul,li,dl,dt,dd,p...最好定义margin:0和padding:0，否则各种浏览器显示有误差。

3、line-height值最好是偶数，奇数显示有误差。

4、input

的text和password两种形式在IE8不定义字体（宋体）下长度高度不一样，可将input定义为font-family:Arial。

5、如果想在标题前后加小图标，最好不要直接用img，用img的话IE6行间距会缩小，应该用li加背景的形式。

...今天暂时只发现这几点，更多的以后继续总结。

实在不行再用分开定义的办法：

div

{

margin:0;

给全部浏览器看

*margin:10px;

给IE6、IE7看

_margin:20px;

只给IE6看

}

附：基本CSS样式表

style

type="text/css"

body

{

margin:0;

font-size:9pt;

line-height:18px;

}

h1,h2,h3,ul,li,dl,dt,dd,p

{

margin:0;

padding:0;

}

{

list-style:none;

}

form

{

margin:0;

}

input,textarea,select

{

font-family:Arial;

font-size:9pt;

}

.clear

{

clear:both;

}

/style

Q2: 请问专业人士css+div 注意什么，说说心得经验

呵呵！！！多个浏览器多测试！符合web标准！

不要被对象、属性、方法等词汇所迷惑；最根本的是先了解最基础知识；

不要放过任何一个看上去很简单的小问题--他们往往并不那么简单，或者可以引伸出很多知识点；不会举一反三你就永远学不会；

知道一点东西，并不能说明你会全部，需要经验积累；

看再多的书是学不全的，要多实践；

把时髦的技术挂在嘴边，还不如把过时的技术记在心里；

学习的最好方法之一就是多练习；

在任何时刻都不要认为自己手中的书已经足够了；

看得懂的书，请仔细看；看不懂的书，请硬着头皮看；

别指望看第一遍书就能记住和掌握什么——请看第二遍、第三遍……；

请把书上的例子亲手到电脑上实践，即使配套光盘中有源文件；

把在书中看到的有意义的例子扩充；并将其切实的运用到自己的工作中；

不要漏掉书中任何一个练习——请全部做完并记录下思路；

别心急，写代码确实不容易；水平是在不断的实践中完善和发展的；

每学到一个难点的时候，尝试着对别人讲解这个知识点并让他理解----你能讲清楚才说明你真的理解了；

记录下在和别人交流时发现的自己忽视或不理解的知识点；

保存好你做过的所有的源文件----那是你最好的积累之一；

对于网络，还是希望大家能多利用一下，你要学会自己找答案，比如google、百度都是很好的搜索引擎，你只要输入关键字就能找到很多相关资料，别老是等待别人给你希望，看的出你平时一定也很懒！

虽然不是打击初学者，但是这句话还是要说：群是大家讨论的地方，如果你总期望有高手总无偿指点你，除非他是你亲戚！群内的讨论者，起码是水平相当的才有讨论的说法，如果水平真差距太远了，连基本操作都需要别人给解答，谁还跟你聊下去呢；

浮躁的人容易问：我到底该学什么；----别问，学就对了；

浮躁的人容易问：CSS有钱途吗；----建议你去抢银行；

浮躁的人容易说：我要中文版！我英文不行！----不行？学呀！

浮躁的人分两种：只观望而不学的人；只学而不坚持的人；

浮躁的人永远不是一个高手。请不要做浮躁的人！

2008！新的一年，新的开始！与各位共勉！

Q3: 网页设计实训心得三篇

网页设计实训心得一：

这两个星期是我们的网页设计实训时间，这正是考验我们实力的时候了。

经过一个学期的网页设计的学习，我们的专业基础更加扎实了，我们对于自己的专业学习更加有信心了。一开始对于网站设计我是抱着好奇以及兴趣认真地学习，刚开始接触网页设计会觉得很神奇，平时上网接触到的网页可以通过自己的努力来建成。一心想着设计一个美观大气的大网站，可以与其他网站媲美。对于我这种初学者，有这种天真的梦想促使我更努力的学习网页设计。

平时老师授课，讲解了有关网页设计的理论知识以及实际操作的示范。网页设计更着重于实际操作，我们在机房通过每次上课的学习运用，已经有了一定的基础。一开始我们都是看着别人的网站去模仿建设，到后来每个人在设计自己的网页时都有自己的人个人风格，这就是网页设计的乐趣。他不仅可以激发同学们的兴趣，还可以把自己的风格更大胆地展示出来，是一个可以展示自我的空间，使我们更有成就感。

这两个星期我们实训课让我们更清楚地认识到自己的建站水平。实训任务是建立自己班级的网站，刚开始觉得两个星期足够我们去建成一个网站，但是我们都太高估我们自己了。一开始设计网站时不知道从何下手，之前老师上课讲的知识一时不知道怎么灵活运用起来，我才发觉对我软件功能的不太熟悉，除了基本的框架构建，其他的设计都需要比较长的时间去思考以及翻查书本。但是同学们都很积极地向老师提问，把自己存在的问题一一的解决掉。虽然建立网站不是很顺利，也只有这样我们才可以正视自身，把平时半桶水的听课方式给改掉。在这次的网站建设过程中，我发现自己对于知识不能灵活运用，不能巧妙地结合起来，对代码的不熟悉，这更加是一个大问题。建站过程中会遇到代码出错，代码位置写错之类的问题，当测试的时候出现了错误但是不能看懂出错原因，只能靠网上搜索。因为对于这种程序的东西我会比较抗拒，从小就不喜欢思维性太强的学习，所以建站会遇到比较多这种问题，但是我只能积极去面对才能完成任务，毕竟这是我的专业，为了专业而专业，不能说不喜欢就不愿意去学，这次实训我反省了自身的存在问题。我们建立网站的时候都发挥自己的创新力、想象力，用心地完成这个大项目。会遇到很多的问题，经常因为一个细小的步骤而出错，做动态网页的时候会遇到更多类似的问题，通常都会花费我很多时间来解决出错原因。打个比方，我会一个上午都在弄留言板，因为不知道出错原因，当请教老师或是同学的时候才恍然大悟，原来是这么简单的。当然，最终可以解决困难我还是很欣慰的。

当我真正建立起自己的网站的时候，我看着自己的作品非常地兴奋，这是我用心血完成的只属于自己的网站，特别地欣慰。因为过程的困难，我更加珍惜自己第一次的作品，做每一步都会小心翼翼，就像母亲生怕会失去自己的孩子一样，我就是这样的感受。

我可以说网页设计给了我很大的收获，我是用我的热情去学习，也是用我的真心去设计，属于自己的东西永远是最美好的。网页设计不是用嘴巴就可以设计的，更需要的我们的坚持、创新、用心，才能收获更大的胜利。

网页设计实训心得二：

转眼间，已到了期末，学习网页设计这门课程也要结束了，虽然时间有点短，但是学过这个几周以后我受益匪浅。

记得最初接触dreamweaver的时候，我很茫然，因为刚接触陌生的软件心里会很害怕跟不上老师的进程。刚开始几节课，老师讲得比较基础，还能跟得上，渐渐的老师授课的进程开始加速，有些跟不上了，需要下课后自己补上，问老师和周围的同学。渐渐的，在老师的悉心教导下，我们开始熟悉这个软件了。老师布置的第一个任务，要求做一个自我形象网站。由于学习的时间较短，老师只要求用PS做好模板即可，任务相对简单。但也要求设计感强，色彩搭配和谐，并且尽可能的做成实用又符合实际的漂亮网页。

第二个网页设计老师要求相对较高，用dreamweaver做一个比较接近真实的网页，还要做一个二级页面。于是开始收集各方面的资料。确定了主题就开始布局了。最开始使用了一个表格，然后在表格内进行拆分合并处理，接着就把通过ps处理出来一个版头并且把修改过大小的图片放进去了。

中间时预览，问题出现了，发现版头与下面的图片文字之间出现了很大的一段距离，但是在软件中已经把距离缩小为0了，多次尝试后没有效果。最后想到可以另外再加一个表格，把版头放在一个表格内面，这样问题就解决了。预览是效果还不错。但是总觉得首页做得太普通，一次浏览学长做的网页时，觉得他们的文字滚动窗口做得效果做得不错，于是想借见一下。就决定把自己网站的左边修改修改。复制了他的代码，把上面的内容修改成我的网站需要的文字。本以为可以轻松的完成，但是却出现大问题了。

因为需要滚动的文字占的空间太大，把左边的那部分表格全部占满了，而在实际的网页预览中，这个有文字滚动的框只占了左边Oeasy教你玩转网页设计浏览的工具建站程序三分之一，左边有三分之二留白了。我就想可不可以把文字这样一层层的放在上面，试了很多方法，在网站查了很多资料，可能因为没有专业术语作为搜索的关键词，查不到任何相关的资料，试过div标签，试过不停的拆分表格，最后还是没有效果。就这样试着试着，突然想到了层这个概念。于是在布局中点击了绘制层，结果成功了，经过一些加工，终于成功的完成左边的布局。印象还比较深刻的是插入声音，记得老师曾经给我们讲过很多次怎样插入声音，可是等到自己做网页的时候却忘记了，于是问其他人，结果居然都忘记了，于是自己在百度上收。最后终于找到了一个可以使用的代码，但是在加入声音路径时出现了问题。在属性内加入源文件，结果就是加不进去MP3的音乐文件，然后自己就尝试加入了一个视频，记下了路径格式，然后照着这种格式写下了指向声音源文件的路径，最后成功了。在设计过程中还出现了很多的问题，但通过看书，上网查询，请教同学等方式，不断的学习、解决、提高，设计出的网页不论是外观还是内容，都在不断的进步、改善。可以说在自己动手，不断实践的过程中，网页设计水平得到了很大的提高。热情和执着，我将来设计出的网页会更加专业，更完善。

网页设计实训心得三：

科学是发展生产力的根本前提，当今的社会是互联网蓬勃发展的世界，每当我们上网的时候，那一个个精美别致的网页给人是多么流畅顺利的感觉，无论是寻找资料还是网上商城购物，都给我们带来了方便快捷的好处，我想，科学技术的发展，离不开互联网的发展，而互联网的发展也离不开网页制作的发展，而只有把两者结合起来才是正确的。

首先，了解网页并不是单纯的认为他仅仅只是为人们服务的，而它的存在也是给我们带来了利益和好处。当然，了解网页首先也从几个软件开始：

1. dreamweaver m_ __ (或dreamweaver 8)。

2. flash m_ __ (或flash 8)

3. fireworks 8

而网页制作就是开始从这些软件开始着手的，今天，我终于可以学习网页制作了，我们在杜奕老师的教导下，各位同学们也都在聆听老师的讲解和指导我们运用以上这些软件的功能和网页的剖析。所谓网页，就是指一个可以浏览内容并且可以使用ie浏览器打开的内容称之为网页。

在刚开始接触网页的第一堂课上，听说网页制作会是一门很无聊并且很难听懂的过程，而事实却印证了这样一个事实，但是只要我们努力，无论是怎样的艰难险阻，成功依然会迎面直击。在刚开始时我觉得dreamweaver m_ __ 很难理解，不管老师做怎样的解释，而我却对它感到很是吃力，诸如里面有许多不知道的功能。如：布局表格、绘制层、制作css样式表等，这些内容迷糊了我的视线，真是没想到制作一个精巧别致的网页是如此的困难，可是心有不甘，每天上网看着那样多的网页，于是我才下定决心选择了网页制作这一门课程，目的就是希望以后能够做出一个完美的网页来。

“路漫漫其修远兮，吾将上下而求索”学习的道路是艰苦漫长的，更何况这是关于一个科学技术的一个代名词，随后，课堂的气氛慢慢的好转，耐心的老师和专心的学生在课堂上都尽情的发挥各自的才能，老师也为了能教好每一位学生，而学生也不辜负老师的使命，就这样，网页制作这一门课程进行的很顺利，学习了dreamweaver m_ __ 对它如何彻底的剖析和分解，我们终于认清了它的原理，摸清了应该怎样去完全的使用它，而我们在老师的指导和训练的结果下，终于开始做属于自己的网页了。

慢慢的快接近尾声了，我们也快临近期末了，老师给我们的任务却是需要我们每人至少做出三个网页来，且内存不能超过3m，刚开始我以为我会对着感到很是吃力，不知道该如何是好，毕竟网页才是刚刚起步，根基不稳，怎么能够做出这样的网页呢?而我对dreamweaver m_ __ 它也不是很熟悉，心里真是很担忧。

在这最后的时间里，我仔细掂量了一番，网页制作给我的结论是：要想制作一个能够像网上的那样，还得需要经过长时间的刻苦努力和不断地检验及实践，否则，如果只靠老师在课堂上讲的那些知识是远远不够的。毕竟网页是一个技术性的知识，不像文学那样的纯理论知识。通过这个课程的学习，我从中得到了一些对网页知识如功能、概念的理解，原来要做出一个简单可行的网页并不是一件害怕的事情，而是一件努力和尝试的事情。

网页设计实训心得三篇相关文章：

★ 网页设计实习心得体会3篇

★ 网页设计实训心得

★ 网页设计实训报告心得

★ 网页设计实习心得体会感想

★ 网页设计实习心得体会

★ 设计实训心得体会3篇

★ 设计实训心得体会范文3篇

★ 网页制作实习心得

★ 有关网页制作实训报告心得体会

★ 网页制作实习心得小结

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