前端菜鸟小白栋#ONE

前端菜鸟HTML初学分享

初学了HTML标签，想着利用自己的博客来做一些笔记，来加深·一下自己的基础，巩固自己学过的一些内容，学习了一些关于HTML标签的东西，我总结了一些内容，如果有错，欢迎来提意见

众所周知，HTML标签类型分为三种 块元素（block） 行元素(inline) 行内块元素(inline-block)

• 块元素的特性就是自身独占一整块区域，不留一点缝隙，自身比较霸道，我要占那么宽就占那么宽，谁也不能跟我抢，自身可设置宽高

• 行元素的特性就是自身有多少内容就占多少位置，多一分我也不要，当然一分也不能少我的，自身也没多大理想，所以不能设置宽高

• 行内块元素就比较特殊了，里含有块元素的特性还拥有行元素的特性，跟着兄弟在一行合租，依然还可以设置宽和高，有自己的一席之地

  标签之间的元素特性是可以相互转换的，通过CSS样式display属性就可以互相转化了
  说到css样式就要扯到css样式优先级的问题
  行内设置样式（优先级最高）id选择器 类选择器 标签选择器（优先级最低）
  在今天做网页时，用到图片容器标签img，遇到了大家都会遇到的一个问题就是img标签自带一个小小的外边距，搜索了一下，找到了几种解决方法

• 将img标签display：block

• 设置float：left

• vertical-align: top;
  小白分享有限
  不喜勿喷
  谢谢