经过长沙大前端培训这一个月的学习，已经基本掌握制作静态网站的方法。一节，老师让我们明白什么是html，为什么要学，该如何学习的三个问题给予我们回答。首先，什么是HTML，html是一种超文本语言，html属于前端技术，学好前端技术也有利于我们就业，但是前端技术，是垂直居中设置入门容易，精通难，需要下非常的功夫，才能学好这门技能。

       那如何学好长沙大前端培训html，一，学会翻看参考手册，了解有些属性。如（runoob.com）二.或者百度搜语法结构和布局。三，学会使用F12查找错误。四，多练习。我在学习过程中学到了很多解决小bug问题:
1.图片间隙
    div中的图片间隙
    bug：在块元素中插入图片时，有时图片会将块元素下方撑大三个像素。
    hack：给IMG添加声明：display：block；vertical-align：middle

2.css兼容问题
1）表单元素行高不一致（IE,MOZ,C,O,S）
   BUG:表单元素行高对齐方式不一致
   hack：给表单元素添加声明：float：left
2）按钮元素默认大小及样式不一致
    hack1：统一大小及样式/(用a标记模拟)
hack3：如果这个歌按钮式一个图片，直接把图片设置作为按钮的背景图即可。
3.鼠标指针
cursor:pointer

4.父元素里有块元素，如果给子元素添加margin-top，父元素会下来。
hack1：给父元素添加overflow：hidden；
hack2：给子元素添加float；
hack3：给父元素加边框；
（其它方法：达到我们想要的效果：如给父元素加padding-top）

4、清除浮动属性 clear的使用注意事项：
1、clear不是一个标签，它是css中的一个属性。
2、其属性值有四个
　　clear:both|left|right|none;
　　clear:both;表示该元素两边都不存浮动元素。      
　　clear:left;表示该元素左边不存在浮动元素。      
　　clear:right;表示该元素右边不存在浮动元素。      
　　clear:none表示两边允许有浮动元素。
3、该属性的值指出了不允许有浮动对象的边。换句话，clear属性的作用就是“清除”浮动。 这个属性是用来控制float属性在文档流的物理位置的。当属性设置float（浮动）时，他所在的物理位置已经脱离文档流了，但是大多时候我们希望文档流能识别float（浮动）,或者是希望float（浮动）后面的元素不被float（浮动）所影响，这个时候我们就需要用clear:both;来清除。
clear:both 使用不当造成的例子：在ie8+，chrome，火狐下出现。

上一篇

长沙HTML5培训学员心得：关于前端的知识点

下一篇

长沙HTML5培训学员感言：学编程成就感满满！