大学时接触过静态网页和网站建设基础，但那也是很久远的事了，与其说久远不如说没好好学。但我还记得当时自己做出第一个页面时的兴奋，所以我决定来黑马深入学习前端技术。
学习了快一个月的时间，已经掌握了基础操作，熟知三种布局方式，并能运用到静态网页的制作中，希望后期的css3和javascript更有意思。
有些还在犹豫是否来敲代码的同学可能会纠结自己英语很差，会不会敲不好代码，难道所有码农都是英语六级、英语专八嘛，不是的，只要掌握一些简单并且常用的单词就能敲好代码。而且那些开发工具都是摆设吗，它们可贼好用呢，只要你记住一些常用代码的缩写，一个tab键帮你搞定！但是插一句，基础好一些的同学最好把单词记住哦，不然面试要是来个小笔试，也是很尴尬的事呢。常用单词分享给你们，想看的可以下载附件。

除了英语那就是些常用的布局技巧了，掌握这些布局技巧才是入门必备技能！

一、文档流布局

特点：1、块级元素独占一行，从上向下顺序排列；

常用的元素：div、hr、p、h1-h6、ul、ol、dl、form、table；

2、行内元素一行共存多个，从左到右排列，碰到父元素边缘则自动换行；

常用元素：span、a、i、em；

二、浮动布局

特点：让盒子从普通流中浮起来，让多个块级盒子一行显示；

三、定位布局

特点：实现盒子的堆叠（重叠）效果或者将某一个元素定位到页面的某一个位置；

大学时接触过静态网页和网站建设基础，但那也是很久远的事了，与其说久远不如说没好好学。但我还记得当时自己做出第一个页面时的兴奋，所以我决定来黑马深入学习前端技术。
学习了快一个月的时间，已经掌握了基础操作，熟知三种布局方式，并能运用到静态网页的制作中，希望后期的css3和javascript更有意思。
有些还在犹豫是否来敲代码的同学可能会纠结自己英语很差，会不会敲不好代码，难道所有码农都是英语六级、英语专八嘛，不是的，只要掌握一些简单并且常用的单词就能敲好代码。而且那些开发工具都是摆设吗，它们可贼好用呢，只要你记住一些常用代码的缩写，一个tab键帮你搞定！但是插一句，基础好一些的同学最好把单词记住哦，不然面试要是来个小笔试，也是很尴尬的事呢。常用单词分享给你们，想看的可以下载附件。

除了英语那就是些常用的布局技巧了，掌握这些布局技巧才是入门必备技能！

一、文档流布局

特点：1、块级元素独占一行，从上向下顺序排列；

常用的元素：div、hr、p、h1-h6、ul、ol、dl、form、table；

2、行内元素一行共存多个，从左到右排列，碰到父元素边缘则自动换行；

常用元素：span、a、i、em；

二、浮动布局

特点：让盒子从普通流中浮起来，让多个块级盒子一行显示；

三、定位布局

特点：实现盒子的堆叠（重叠）效果或者将某一个元素定位到页面的某一个位置；