学习CSS语法有什么需要注意的细节吗?

html-css011

学习CSS语法有什么需要注意的细节吗?,第1张

如果只是后端的同学由于没有前端的同学帮忙写,对界面要求不高的情况下,可以用CSS框架而不必太纠结于CSS的原理和具体语法细节,其他的任何情况,都建议要学习CSS的语法细节和新特性。

这个问题其实有点类似于“有了jQuery还要不要深入学习js”。我们在用jQuery的时候,往往会有一种错觉,觉得js也不过如此,挺简单的嘛。当你深入去学习js的时候,你会发现“新世界”,好多js的语法或者概念你听都没听过。

总的来说,如果不深入学习,当页面的效果不符合自己的预期的时候,你根本不知道问题在哪里,所以框架或者库只是帮你快速开发的工具,而对CSS和JS深入的理解才是支撑你提高的根基。

《CSS世界》(张鑫旭)电子书网盘下载免费在线阅读

链接:https://pan.baidu.com/s/1zkFAPwHdOZkj9F89uCLh6A

密码:195a

书名:CSS世界

作者:张鑫旭

豆瓣评分:7.8

出版社:人民邮电出版社

出版年份:2017-12

页数:328

内容简介:

本书从前端开发人员的需求出发,以“流”为线索,从结构、内容到美化装饰等方面,全面且深入地讲解前端开发人员必须了解和掌握的大量的CSS知识点。同时,作者结合多年的从业经验,通过大量的实战案例,详尽解析CSS的相关知识与常见问题。作者还为本书开发了专门的配套网站,进行实例展示、问题答疑。

作为一本CSS深度学习的书,书中介绍大量许多前端开发人员都不知道的CSS知识点。通过阅读本书,读者会对CSS世界的深度和广度有一个全新的认识。

作者简介:

张鑫旭,前端开发工程师,国内知名前端博客“鑫空间-鑫生活”博主,目前就职于阅文集团用户体验设计部(YUX),担任技术经理。2007年开始接触前端,10年来一直工作在前端开发一线,在HTML/CSS等与交互体验关系密切的领域花了大量的时间学习和研究,有比较多的心得体会。

CSS+DIV排版其实很容易。

如果凭空排版。你可能要先自己用纸画个版面草图。然后用div(不加内容,但是要显示边框)按照草图排版。直到自己满意之后再往div中添加内容。

如果有美工做好的效果图,那么按照效果图来排是最容易的。方法同上。

值得一提的是,排版一般都要求主层居中。而且兼容各个浏览器,关于这个方法,很多人都用

margin:0px 0px auto

这是最通用的让主层居中的方法。但是浏览器兼容性差。在大多数浏览器中,这个样式是不起作用的。

最简单有效,而且兼容所有浏览器的方法就是把主层放在<center></center>里。然后主层里的其它层用float和margin排版。保证不跑偏。

以上是我从事CSS+DIV工作5年的心得。莫见笑。