首先来说说学习前端的路程。

我学习前端真心是坎坷，先是莫名其妙的学习了一些html，css的知识，莫名其妙的做了一些惨不忍睹的小demo，然后又莫名其妙的帮着老师做了一些前端的页面。整个过程一脸懵逼。有时候就算自己写出来的效果，完全不知道是怎么写出来的。后来慢慢的去仿写一些网站，然后就懂了一些套路。

关于标签：常见的标签记一下，a、p、span、h1-h6、div、ul、li、img、ol、dl、dd、dt、input、button等等。然后需要记住哪些是行内标签，哪些是块级标签。

常见的行内标签有：a、span、i、s、b、strong、img、input、select等。

常见的块级标签有：div、h1-h6、ul、li、ol、dl、dd、dt等。

然后记住两点：1、行内标签可以并排放置，设置的width和height无效，margin和padding也无效，可以通过改变display样式为block来实现转换成块级元素。2、块级元素独占一行，如果需要让块级元素并排，那么可以使用float浮动或者让块级元素的display设置为inline-block。

关于css样式：css样式要说的东西实在太多了。我挑重点的说一下，div布局中的margin、padding等要计算好，然后就是float浮动布局，然后就是定位，通过这些可以确定div之间的关系，用到的套路就是那些，子绝父相，居中的margin 0 auto，然后就是定位的left 50% + margin -（width / 2）这样的套路。然后字体方面就是font相关的属性，font-family，font-size，font-weight，color 等属性，然后还有一些背景相关的东西，background-color，background-size，background-position 等。边框 border：1px solid #cc 之类的样式。

实在太多套路了，有时间再具体总结。

首先来说说学习前端的路程。

我学习前端真心是坎坷，先是莫名其妙的学习了一些html，css的知识，莫名其妙的做了一些惨不忍睹的小demo，然后又莫名其妙的帮着老师做了一些前端的页面。整个过程一脸懵逼。有时候就算自己写出来的效果，完全不知道是怎么写出来的。后来慢慢的去仿写一些网站，然后就懂了一些套路。

关于标签：常见的标签记一下，a、p、span、h1-h6、div、ul、li、img、ol、dl、dd、dt、input、button等等。然后需要记住哪些是行内标签，哪些是块级标签。

常见的行内标签有：a、span、i、s、b、strong、img、input、select等。

常见的块级标签有：div、h1-h6、ul、li、ol、dl、dd、dt等。

然后记住两点：1、行内标签可以并排放置，设置的width和height无效，margin和padding也无效，可以通过改变display样式为block来实现转换成块级元素。2、块级元素独占一行，如果需要让块级元素并排，那么可以使用float浮动或者让块级元素的display设置为inline-block。

关于css样式：css样式要说的东西实在太多了。我挑重点的说一下，div布局中的margin、padding等要计算好，然后就是float浮动布局，然后就是定位，通过这些可以确定div之间的关系，用到的套路就是那些，子绝父相，居中的margin 0 auto，然后就是定位的left 50% + margin -（width / 2）这样的套路。然后字体方面就是font相关的属性，font-family，font-size，font-weight，color 等属性，然后还有一些背景相关的东西，background-color，background-size，background-position 等。边框 border：1px solid #cc 之类的样式。

实在太多套路了，有时间再具体总结。