正文

css实战训练（CSS实战精粹）

技术帮
技术帮 V管理员 /45阅读/0评论
0610

OOCSS、SMACSS、BEM、MVCSS你们在用哪个作基础？

我们目前采用的CSS命名方式无线的接近BEM的概念，在我们2000多个前端切图项目中，基本每种CSS命名方式都在实战中用过，并且一直在改进，目前采用的是这样的：

.slider

.slider-wrapper

.slider-arrow

.slider-arrow_left

css实战训练（CSS实战精粹）

.slider-arrow_next

.slider-nav

.slider-nav_item

非常接近BEM命名方式，扁平化，无层级（所以也少了权重的问题产生），直捣黄龙，新人上岗培训相对容易，并且方便团队协作，唯一缺点是略长了点，不过利大于弊。

OOCSS命名比较倡导复用，和BEM差别很大，个人不太建议这种方式，以上仅代表个人观点，CSS命名这种事没有标准答案，见仁见智

有什么好的HTML入门书籍推荐？

建议你选用莫振杰的从0到1系列，通俗易懂，容易上手。我现在学习的就是这套书，很容易学进去。他把很难的内容先跳过去，让新手学会大量到基础知识后再学习较困难的，我感觉这样安排挺合适的。

这套书出版了5本，如下图：

目前这套书我入手了全套，大概翻了下，真的很不错。按照莫振杰的说法，应该按这样的路线图学习：HTML→CSS→JavaScript→jQuery→HTML5→CSS3→ES6→移动Web→Vue.js。我现在计划像这样学下去。

共同努力，祝你成功！

HTML5 主要有以下几本书推荐。

《HTML5 权威指南》 本书面向初学者和中等水平 Web 开发人员，是牢固掌握 HTML5、CSS3 和 JavaScript 的必读之作。书看起来比较厚，是因为里面的代码很多。

《HTML5 Canvas 核心技术》 如果你要做 HTML5 游戏的话，这本书必读。

对于 SVG、Canvas 和 WebGL 这三个对应于矢量图、位图和 3D 图的渲染来说，给前端开发带来了重武器，很多 HTML5 小游戏也因此蓬勃发展。

HTML5属于最基本的前端应用语言。学它不需要购买书籍。其实刚开始学，所有的前端语言都不需要购买书籍。书籍不利于实际的应用与操作，看过以后也会比较容易忘记。

有两个非常不错的网站，一个是w3cschool，一个是菜鸟教程。这两个网站都是可以边学边操作的。非常适合新手学习。当你觉得基础知识都掌握完毕了。然后再购买一些比较深的书籍，这样能够让你学的更全面。

前段应用其实学的东西还蛮多的。除了记性比较好，还要就是需要努力。光凭死记硬背也不行，大多数都是结合着实际的案例操作。

目前如果前端学好了的话。并且有一年的工作经验。工资一般都会达到8000以上。大城市做的好的话，月薪几万的也有。最后祝你早日学有所成。

另外要告诉你的是。这个前端自学起来是比较浪费时间的。好多东东西会抠了半天，你也解决不了。如果有时间，有经济能力，最好报一个培训班儿。这样系统的学习更好。

css实战训练（CSS实战精粹）

    css实战训练（CSS实战精粹）

    学HTML要看什么书？相信刚刚入门前端的小伙伴都会有这样的困惑。本文将向大家推荐HTML从入门到进阶学习全阶段的书籍，看完这些书对大家在前端学习会有很大的帮助。

    1.《HTML5 揭秘》

    作者:Mark Pilgrim

    推荐理由:是知名的《HTML5:up and running》的中文译本，很详细的介绍了HTML5的最新技术，如果你经常看Dive into HTML 5这个网站，肯定很了解这本书了。算是入门款书籍，不枯燥，技术层面一般，适合菜鸟看，好在对格局有一定见解。当然如果一丁点编程知识都没有，也需要在阅读的时候多补充一下，非常推荐。

    2.《响应式Web设计:HTML5和CSS3实战》

    作者：Ben Frain

    推荐理由：全书主要是带领读者做一个小网页来写的，其实响应式的东西讲得比较少，大半内容是介绍H5和css3的基础知识。如果同时想了解H5和css3和响应式设计入门，这本书不错。

    3.《疯狂HTML 5/CSS3/JavaScript讲义》　　

    作者：李刚　　

    推荐理由：这是一本全面介绍HTML 5、CSS 3和JavaScript前端开发技术的图书，系统地介绍了HTML 5常用的元素和属性、HTML5的表单元素和属性、HTML 5的绘图支持、HTML5的多媒体支持、CSS 3的功能和用法、最前沿的变形与动画功能等。除此之外，《疯狂HTML 5/CSS 3/JavaScript讲义》还系统地介绍了JavaScript编程知识，包括JavaScript基本语法、DOM编程，以及HTML 5新增的本地存储、离线应用、JavaScript多线程、客户端通信支持、WebSocket编程等。

    4.《HTML5触摸界面设计与开发》　

    作者：StephenWoods

    推荐理由：《HTML5触摸界面设计与开发》专注于触摸界面的开发，内容的结构和优化网站的思路大概一致。上半部分涵盖了能使各类网站，特别是移动网站变快的基本概念。书的后半部分是专门讲触摸界面的，特别是尽可能地让它们更平稳和快速。本书适合具有一定经验的Web开发者阅读参考。

    5.《HTML5高级程序设计》

    作者：柳伯斯/阿伯斯/萨姆

    推荐理由：《HTML5 高级程序设计》是《Pro HTML5 Programming》的中文译本，写的相对比较深入，如果你对HTML5有较多了解，可以选择这本书。这本书适合有丰富编程经验的Web应用开发者。书中没有互联网发展基础知识的介绍。但是书中有许多现成的资源可以加快学习Web编程原理。当然，对于程序的的书跟平常的名著还不一样，因为自身经验不同，看法不同，需求不同，对于书的评价也不同。

    学HTML从入门到进阶的一系列书籍就推荐到这里了。书都是好书，大家在看的时候，可以根据自身情况，选择适合自己的书来钻研。