-
7月9日
-
CSS是样式,DIV是层.DIV+CSS是网站标准(web标准),通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别.因为XHTML网站设计标准中,不再使用表格定位技术,而是采用DIV+CSS的方式实现各种定位。
1:学会HTML语言,再学习DIV+CSS时会得心应手。
看得懂HTML语法,那么世界上80%的网站都能被你看穿。HTML语言很好学,一定要熟记常用的一些代码,因为有了像dreamweaver这样的帮助生成html代码的工具,所以很多人都忽略了HTML的学习.学会了HTML互联网中最基本的语言之后,在学习DIV+CSS时,你会发现:原来DIV+CSS也就那样,小菜一碟。
推荐网站:HTML在线学习网站:http://www.w3school.com.cn/html/html_intro.asp
2.使用Dreamweaver的代码模式来编写DIV和CSS。
对于网页设计初学者来说,直接使用记事本、Notepad等工具来书写代码很困难。因为Dreamweaver的代码模式有提示功能,可以在保证语法编写的正确性。并且对不熟悉的语法可以一次性书写正确。
如图所示:书写div,html时DW的提供功能。

书写CSS时DW工具栏右侧的CSS可视化编辑功能.

我学习DIV+CSS时就是从Dreamweaver的代码模式学起的,也许不是最好,但很实用。
推荐网站:CSS在线学习网站:http://lusongsong.com/tool/css/index.htm
3:养成良好的书写习惯.
有良好的生活习惯,说明这人会过日子,有良好的CSS书写习惯,说明这人做事严谨。写css的时候网上有很多推荐的规范,比如菜单类用menu,版权用copyright
(CoryRight),底部用footer等等,在书写顺序上一般是:显示属性-自身属性-文本属性。当然这些都没有硬性的规定,但是遵循一些不成文的规定不是坏事,这样让自己写的代码,容易让别人读懂,搜索引擎也更加喜欢。4:只有目的明确,结果清晰,过程才最高效,才不会轻易被干扰,被改变方向。
CSS+DIV网页样式与布局精通视频教程:http://pcedu.pconline.com.cn/videoedu/ztsp/0904/1618470.html
除非注明,文章均为卢松松原创,欢迎转载!转载请注明出处,谢谢。分类: 网站设计
本文地址:http://lusongsong.com/reed/77.html





http://www.ynwanfeng.cn
没怎么学过这个,今天碰到了,一看竟然不会,就想拿一个图片当成自己主页的背景,把图片先切割然后用层来组合,竟然不会,悔啊
一边敲打,一边学。
10天就可以切图。
好不专业的叫法。。。唉!
真正的应该是符合web标准的(x)html+css布局,而div只是最常用的一种标签,其他的还有很多,比如p,ul,li,dl,dt,dd等等,真正的web标准是要表现和结构分离,达到语义化和结构化。
这只是我的一点看法,欢迎朋友们一起讨论,目的只是为了想在这方面学习的朋友共同提高!
至少比编程和做图容易多了
主要就是外观的定义。
呵呵
我发现我真的是白手……
松松太感谢了
话说我的CSS确实一塌糊涂,确实需要重头再学一下了...
光看代码比较枯燥
卢兄的博客人气还不是一般的旺...
我也经常能意识到这个问题。
不过呢,现在真是没有多少时间去学习这些了。
真是有心无力啊。
又来迟了,
文章里提到的方向很明确啊,
趁着放假好好研究下啊
链接名称:先看看
网站链接:http://www.xiankankan.com/
看来要重新巩固一下。。
CSS我還是蠻喜歡折騰的,就是有時候吧,覺得它們都有自己的想法,不太聽使喚,類似word什麼的。。。
微软的expression web也不错的 ^_^
不过不知不觉还算是能看懂一点HTML了~~~
除了用表格还是用表格,哎……
真是落午了……
CSS,我还是不太明白,有时间需要学习学习
但是css样式貌似也很多样,不同浏览器 不一样的写法啊
呵呵 还要慢慢学习
学习Div+Css,那就强迫自己做一个Div+Css的个人主页
有时候有压力 动力就来了
考虑到的东西太多了
例:多浏览器兼容 网站构架 ==
真不容易啊
精通了CSS之后才能真正感觉到它的强大与便捷~
现在有DW做帮手,写代码方便多了
万分感激ing
我改php都用UE的,CSS用SPD2007改
DW几乎很少用
另,本文插图非常具有 视觉冲击力。就像迈克尔-杰克逊的Dangerous专辑之片头设计。