小花的前端大杂烩知识之CSS和其他

为什么要初始化css样式？
因为浏览器的兼容问题，不同的浏览器器对有些标签的默认值不同，如果没有对css进行初始化会造成浏览器之间的页面显示差异；其次初始化css样式主要是提高编码质量，如果不初始化，重复的css样式很多，去掉标签的默认样式，比如margin，padding，字体大小等。
清除浮动的几种方式
（1）使用空标签，例如空的DIV，给他设置clear：both;
优点：通俗易懂，容易掌握i
缺点：会增加很多无意义的空标签，有违结构的表现和分离，在后期维护中将是噩梦
（2）父元素加overflow：hidden
优点：简单，代码少，浏览器支持好
缺点：不能和position配合使用，因为超出的尺寸会被隐藏
（3）父级元素加伪元素：after
优点：浏览器支持好，不容易出现性能问题
缺点：代码多，要两句结合使用才能让主流浏览器支持
（4）给父级元素加高
优点：简单，代码少，容易掌握
缺点：只适合高度固定的布局，要给出精确的高度，如果高度和父级div不一样时会产生问题
（5）父级元素加overflow：auto
行内元素有哪些？

a    input   button  span   video   i

块级元素有哪些？

p  div   ul  li  hr  h1~h5

input的type类型有哪些？

text    password  radio checkbox  hidden    file    submit    reset   button

html5新增type类型？

email   url  search number range  date  color month  week tel

html5新增标签？

canvas   audio  video  article  aside  section  nav progress 

html5新增属性？

placeholder   required  autofocus  multiple  min max step