如何学习用div,css编写复杂的界面?

thewallhz 2014-11-01 09:30:34
有些看着不是很复杂的页面,看代码却非常复杂,如何学习这种布局呢?感觉好复杂啊:(

如下面的代码,实际上表现的就是很简单的页面,做个页面都这么难,你们都是怎么学习div, css写代码的?




...全文
1057 23 打赏 收藏 转发到动态 举报
写回复
用AI写文章
23 条回复
切换为时间正序
请发表友善的回复…
发表回复
maomao5515439 2014-12-16
  • 打赏
  • 举报
回复
看似简单的网页,其实有好多块在一起组成,这样就会显得代码复杂,但是反过来,把一个页面的布局分成块,还有各个块的归属,嵌套在写代码之前自己用图表画个草图,再复杂的代码,无非是多个块堆叠而成的,不能一看多就自己先乱了阵脚,推荐深入学习盒子模型
phpcms2001 2014-12-16
  • 打赏
  • 举报
回复
其实你们错了,很多人提出先复制别人的代码,其实复制别人代码也要懂代码知识的,否则你知道怎么复制吗,复制它用在哪吗,就好比你把一个汽车改成自行车,那不是一件容易的事,你不懂里面的结构,你改个鬼啊
mosquitoh 2014-12-14
  • 打赏
  • 举报
回复
怎么觉得这在写代码里是最容易的了
thewallhz 2014-12-12
  • 打赏
  • 举报
回复
引用 18 楼 u014342844 的回复:
主要注意标签不能随意嵌套 , 至于到底要多复杂地页面 , 那还是要根据需求来 , 一步步就做好了
标签不能随意嵌套,为何? div不是可以随便套的么?
thewallhz 2014-12-12
  • 打赏
  • 举报
回复
引用 17 楼 aiimi 的回复:
http://www.htmljscss.com/Editor/3Z9W1A.html
这个是你搞的?这种动画有意思么?呵呵
  • 打赏
  • 举报
回复
主要注意标签不能随意嵌套 , 至于到底要多复杂地页面 , 那还是要根据需求来 , 一步步就做好了
thewallhz 2014-11-22
  • 打赏
  • 举报
回复
引用 15 楼 qq_23138875 的回复:
我到现在也才学了html和css,想做出复杂的页面对自己来说还不容易,特别是现在html5和css3的浪潮逼近,我都不知该如何去做了,因为菜菜的我到现在javascript都还没正式开始学
css3好像很难,里面到处-webkit-xx -mozilla--,烦死了
Sytonial 2014-11-11
  • 打赏
  • 举报
回复
我到现在也才学了html和css,想做出复杂的页面对自己来说还不容易,特别是现在html5和css3的浪潮逼近,我都不知该如何去做了,因为菜菜的我到现在javascript都还没正式开始学
thewallhz 2014-11-07
  • 打赏
  • 举报
回复
引用 9 楼 dcxy0 的回复:
只是一个框,里面的数据是动态加载的。 你可以去看看bootcss.com,比较好
学习bootstrap好像不需要懂css的,学完BS,还是不会搞复杂页面啊。。。
JPF1024 2014-11-07
  • 打赏
  • 举报
回复
引用 10 楼 thewallhz 的回复:
[quote=引用 9 楼 dcxy0 的回复:] 只是一个框,里面的数据是动态加载的。 你可以去看看bootcss.com,比较好
学习bootstrap好像不需要懂css的,学完BS,还是不会搞复杂页面啊。。。[/quote] CSS是必须要懂的,不然你自己完全没法改东西,会一点话,可以自己改一些东西
jiangbai333 2014-11-07
  • 打赏
  • 举报
回复
熟能生巧
thewallhz 2014-11-07
  • 打赏
  • 举报
回复
引用 4 楼 CSharp_XinBing1 的回复:
最终目的是培养出自己写代码的兴趣,一会不写代码就觉得不行了,这样才能真正学好页面编程。 上面是我学习三个月后写的,虽然很简单,但蛮有成就感的。
上面这个页面是亲自己写着玩的么? 可否给个链接,偶访问下亲的小站呢
thewallhz 2014-11-07
  • 打赏
  • 举报
回复
引用 11 楼 dcxy0 的回复:
[quote=引用 10 楼 thewallhz 的回复:] [quote=引用 9 楼 dcxy0 的回复:] 只是一个框,里面的数据是动态加载的。 你可以去看看bootcss.com,比较好
学习bootstrap好像不需要懂css的,学完BS,还是不会搞复杂页面啊。。。[/quote] CSS是必须要懂的,不然你自己完全没法改东西,会一点话,可以自己改一些东西[/quote] 网页制作入门容易,学好太难了。 会css基础,还是做不了复杂的网页啊。。。
JPF1024 2014-11-06
  • 打赏
  • 举报
回复
只是一个框,里面的数据是动态加载的。 你可以去看看bootcss.com,比较好
thewallhz 2014-11-05
  • 打赏
  • 举报
回复
引用 7 楼 u010328535 的回复:
多写写多练练。
感觉这么学习有点太慢了,呵呵
天剑风缘 2014-11-02
  • 打赏
  • 举报
回复
我觉得可以先复制别人的代码,然后自己修改其中的一些参数,看看具体效果。然后一层一层剥离,分解(比如先留最外一层,把里面的都注释掉,再留一二层)。看每次达到的效果。
thewallhz 2014-11-02
  • 打赏
  • 举报
回复
引用 4 楼 CSharp_XinBing1 的回复:
最终目的是培养出自己写代码的兴趣,一会不写代码就觉得不行了,这样才能真正学好页面编程。 上面是我学习三个月后写的,虽然很简单,但蛮有成就感的。
求网站地址,呵呵
CSharp_XinBing1 2014-11-02
  • 打赏
  • 举报
回复
最终目的是培养出自己写代码的兴趣,一会不写代码就觉得不行了,这样才能真正学好页面编程。 上面是我学习三个月后写的,虽然很简单,但蛮有成就感的。
CSharp_XinBing1 2014-11-02
  • 打赏
  • 举报
回复
页面编码确实不难,你觉得复杂:一是学习策略不对,二是代码写的不够多。
建议你这样学习:
1、明确页面编程的策略,即采取自下而上的学习方法。例如,先把院线会员文字的布局设计好,这是一个模块;再把热播大片那一排布局好;然后把两个模块用布局合并到一起。就这样一个小模块一个小模块的写,然后再用布局组合,即自下而上的策略,最终构建出整个页面。
2、多写代码。有些人总认为页面编程,一是太简单了没必要写,二是认为代码公开没必要写,但不管多简单,不实践肯定不行、肯定不能熟练、肯定不能体会出其中的细节之处,所以强制自己写代码,不断总结构架、布局及样式的规律与细节。
这是我学习页面编程3个月的经验,希望能有帮助。
加载更多回复(3)

61,112

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧