検索

ホームページ  >  に質問  >  本文

javascript - 如何有效提高使用CSS+DIV进行布局的能力?

这是一道从知乎转过来的题目,希望各位大神可以帮忙。
原地址传送门

===下面是具问题===

如题,我已经掌握了HTML+CSS的基本知识,也看了很多经典的CSS书籍和网络课程,但是经常在”布局“问题上头疼。跟着例子都能做出来,但是一到实际应用就头疼,感觉千变万化,摸不着头绪。有时候会感觉很多布局方式的实现没有任何道理可言,更像是“大家试出来”的。(额外信息:我之前做过Android开发,在布局时使用的属性都是语义化的,比如居中,只需要写成“针对父元素居中”即可。与WEB开发相比,感觉上是多了一层东西,更加抽象和人性化)

与之类似的,之前我还有面临过一个问题,就是对DOM操作理解不到位。之后有人推荐了一本《Javascript DOM 编程艺术》,看完之后感觉茅塞顿开,仿佛一下子就把DOM操作学明白了!我想原因大概就是普通的入门书籍总是在讲”怎么做“,对底层的”为什么“很少提到,所以导致学习过程中会越学感觉越乱,导致无法深入。

所以我猜测,关于CSS+p布局方面,可能也有类似的神书存在,希望大家可以推荐。
如果没有,不知道有什么方法可以提高这方面的“理论认识”?
非常感谢。

PS:
请不要随随便便说“多练习”,我觉得在“分析问题的方法”没有学会的情况下,靠练习其实没有多大意义。就好像我说不会解微积分,不能说一句“多练习”就能解决。

PHP中文网PHP中文网2776日前963

全員に返信(14)返信します

  • 天蓬老师

    天蓬老师2017-04-11 09:48:40

    《HTML CSS网页设计与布局从入门到精通.pdf》这本书我自己感觉比较不错
    还有一本《CSS禅意花园》据说很经典,还没看
    正在看你推荐的《Javascript DOM 编程艺术》

    返事
    0
  • PHPz

    PHPz2017-04-11 09:48:40

    感觉还是要多练习吧,可以仿写一些优秀的页面
    当时我初学的时候在妙味课堂找到了这个 http://www.miaov.com/2013/miaovideo/miaovideo.html
    里面有一栏是html+css布局的,有点多不过很基础很有用,要是有时间的话可以看看

    返事
    0
  • 大家讲道理

    大家讲道理2017-04-11 09:48:40

    这个网站的例子跟着敲几遍
    http://zh.learnlayout.com/

    winter有篇博文讲css布局,写得太好了,刚学css时我也是一头雾水,这文章看两遍就懂了,意犹未尽又看了十几遍抄写了一遍
    http://www.cnblogs.com/winter-cn/archive/2013/05/11/3072929.html

    返事
    0
  • PHPz

    PHPz2017-04-11 09:48:40

    多写多才踩坑

    返事
    0
  • キャンセル返事