css语法简单,应用复杂。
很多人说css简单,只是因为觉得css的规则简单,很容易理解。但是真正实现起来的时候,才会发现有各种问题和疑难杂症。兼容性等等。
css的难点有
定位
布局
动画
代码组织结构
优先级
等等,都需要大量的实践经验之后才能掌握的。所以真正学好css并不是一个想很多人说的那么简单的事情,即便我在前端工作快6年了,最容易遇到问题的也还是css,最难写的特别漂亮优雅的也是css。
不难学的。但是如果方法错了,走弯路就会觉得很麻烦的感觉,特别是css。一般是先在W3School( http://www.w3school.com.cn/ )上学的,先看看基础教程,然后点击网站上的“亲自试一试”链接,进行进一步学习。想说的是虽然DreamWeaver点一点就能出效果,但是建议还是手动敲一敲,要记的并不多,常用的更少。如果直接用DreamWeaver学,很容易出现不知所以然的情况。看完完整的教程后,平常登录别人网站的时候,按F12借助浏览器调试工具(现在大部分浏览器都有这个功能了,火狐、chrome、IE8/9、360极速浏览器、搜狗浏览器...),看看别人写的html结构和css,隐藏和显示某些css语句,感受效果;或者自己添加和修改一下css语句,看看效果(随便怎么改,网站刷新后还是恢复原样,所以不怕改坏..)。建议学习的时候用火狐浏览器(安装插件firebug后更方便)或chrome浏览器,因为在修改css的时候会更加方便。如果打开360浏览器或搜狗浏览器的时候按F12没能调出调试工具的话,那应该是浏览器的模式是IE6/IE7,这时候得看看浏览器能不能调一下浏览模式..关于调试工具的使用:方法一:按F12调出来,调试工具的最左侧(一般在左侧)有个箭头按钮,点击后再点击你想查看的元素,就可以同时看到这个元素的html以及它所应用到的css。(如果某条css上有删除线,那只是被其他css覆盖了,并不是这条css出错,如果css出错,浏览器是不会读出来的。)方法二:鼠标右键选中“审查元素”或“查看元素”,但是这个选项在IE(IE内核的浏览器)是没有的。但是这种方法是可以直接定位到你想查看的元素的。完成了以上以后,可以看书《CSS权威指南(第三版)》再巩固一下知识~(别忘了边看边敲一敲..)