我的前端学习之路：HTML和CSS

1、我的前端学习之路：html和csshtml作为一门标志语言，可以说是前端中最容易的部分。根据我的理解，html的作用就是用来表示一个网页由哪些元素组成，每一个标签都会在网页中渲染出对应的元素。固然，还可以引入css和js文件。html的学习我觉得把w3school的html教程过一遍就可以了。把每个标签都过一遍，了解一下有哪些属性，试试教程里的实例就差不多了。这样的方式虽然了解的比较粗浅，但是等用到的时候再查也不迟。究竟就算你所有登记来了，长时光不用还是会忘。还有一点要注重的是代码风格，虽说html说明器的容错性很好，但还是建议根据严谨的风格来写，可以避开无数不须要的错误。html作为网页的骨

2、架，打算了有哪些元素。那么css就是网页的血肉，打算了这些元素以什么样的形式呈现。 基础的部分有挑选器和样式优先级常用的标签挑选器，id挑选器，类名挑选器，层次挑选器等不必多说，必需把握。其他挑选器建议都自己实践一遍，有一番了解之后查起来心里也有数。没什么好说的，学会如何计算权重，能够利用优先级来笼罩样式就行。接着来看元素样式，从宏观上来看，只要两个属性就可以打算元素在文档中的布局，那就大小和位置。位置打算了它浮现在什么地方，而大小打算了它占领多大的面积。盒模型：想了解元素的大小，就一定要知道盒模型，知道一个盒子由哪些部分组成。这里需要注重的一点是box-sizing属性，一定要弄明了不同盒模

3、型下元素大小的计算办法。元素类型：元素分为块级（block-level）和行内（inline）两种，要清晰两者的区分，例如行内元素不行以挺直去设置宽和高等等。总是用肯定定位实现布局肯定不是一个好想法，所以要好好学习一下布局的学问。我认为需要把握的内容有：栅格布局flexbox布局利用媒体查询实现的响应式布局position属性：static，relative，absolute和fixed四个值的区分，有没有脱离文档流，定位的基准是什么。float属性：浮动的规章以及如何清除浮动。如何居中：居中的办法说到底就那几个，多练几次就会了。这里推举一篇文章centering in css: a comp

4、lete guide和一个工具，可以对比着学习。下面把目光转向元素内部的样式，这部分建议找一本系统介绍的书来看，当初我看的是大漠教师的图解css3：核心技术与案例实战，这部分主要还是要多练习，熟能生巧。css的预处理计划有不少，诸如less,sass,stylus,postcss等等。可以挑选自己喜爱的计划。我个人用的是sass，其中的变量，mixin，嵌套写法啊可以大大提升css的开发效率和可维护性。所以剧烈推举用法css预处理器。可以看看这个教程来学习，还是比较简单的。想让网页在不同扫瞄器下实现同样的展示效果是一个历史性的难题，需要无数实践和阅历的堆积，建议还是多练吧。html和css入门相对简单，过一遍就能写静态页面了。这时候可以从网上下一些psd自己对比着切，起码要把常用的内容能够娴熟用法。假如对扫瞄器工作原理感爱好的话，可以看看这篇文章扫瞄器的工作原理：新式网络扫瞄器幕后揭秘。最好，想说一下自认为很重要的一条感悟：碰到问题就回来基础。 学习的过程中难免碰到看不懂或者弄不明了的地方，这时候就去找相应的基础文档来看，例如css权威指南。我信任你碰到的css问题在上面都能找到答案，而且还可以把原理搞清晰，这样再