HTML和CSS达到什么程度才叫基础扎实

1，盒模型概念一定清楚，知道自己想要的布局到底该写多宽多高。

2，渲染模式要分清楚，怪异和标准，怎么转换，说白了也是盒模型表现的事。

3，不同浏览器的css hack怎么写，选择器的优先级弄明白怎么调整。

4，所有的html标签都知道语义，所有的tag attribute都知道什么含义，记住是所有，并且知道默认样式是什么，了解如何reset。

5，知道css3动画的所有细节，并且知道在不同浏览器下的差异，知道css media query和flex的细节和一些比例单位如em，rem，vm等用法，并且知道怎么用于实际的自适应布局。

6，知道如何做css性能优化，以及如何写出模块化的css。

7，知道不同浏览器的差异属性并且知道如何绕过不使用这些属性。

8，各种垂直居中的写法，相对，绝对，fixed还有float的各种用法。

9，对齐，各种垂直对齐，文本，图片，行内元素和块级元素等。

10，给你一份psd设计稿，写完css和html，去掉css，能保证页面不乱，依然按照语义可以默认样式正常显示文档。

11，对seo有了解，知道怎么让显示和文案同时存在页面，了解css icon fonts，svg，雪碧图等原理和用法。

12，写过简单的js，知道如何给js工程师预留结构和节点钩子，不随意使用id属性来做样式渲染。

下面是对不同阶段的一个补充

1、前端入门

可实现：简单的PC布局

基础：常用的CSS2、HTML4知识（2/8定律中的2，类同），语义化，CSS命名使用规范。

此阶段中的问题大都可以在W3School中找到答案。

2、前端入行

可实现：稍复杂的布局

基础：浏览器兼容（如css reset，逐渐成为过去式的hack、css前缀等），布局技巧（如浮动、垂直居中，清除浮动等），模块化CSS增强复用性，常用的H5+CSS3知识，布局方式（自适应，瀑布流等），浏览器开发者工具中的DOM&CSS部分，常用优化技巧（如压缩，css sprite雪碧图等）。此部分中，js、JQuery的能力也应该具备了，此处忽略。

3、前端入行增强版

可实现：能切出的图都能跨浏览器实现，中小规模整站能够较为标准的完成

基础：能够查阅、理解规范（大多为英文，可配合各种大部头动物书帮助理解），对不常用的知识及细节也具备一定运用的能力（比如绝对定位与浮动的异同，z-index的各种鬼，文档流，较为全面的理解各类HTML标签及其语义，对HTML+CSS的知识面大多已经覆盖），开发者工具使用更加广泛（如对网络、资源等信息有一定的理解）；最好对Bootstrap、Modernizr等框架的设计方案有一定理解，以具备自主写出更多通用组件（如自己的css reset）等，即对浏览器布局方案与浏览器兼容等有更深入全面的理解。本阶段开始注重2/8定律中的8。