html 行内元素 vs 块级元素.txt

参考：https://www.cnblogs.com/greenal/archive/2013/01/05/2845513.html
块级元素：div、p、h1-h6、form、ul、li、ol、dl（定义列表）、form、address（地址）、fieldset（form控制组）、hr、menu（菜单列表）、table
行内元素：span,i,b,s,u,sub,sup,strong（粗体强调）、em（强调）、br、img、input、label（表格标签）、select、textarea、cite（引用）

1）块级元素会独占一行，其宽度自动填满其父元素的宽度。所有的块级元素都有align（left_center_right）属性。
   行内元素不会独占一行，相邻的行内元素会排列在同一行里，直到一行排不下，才会换行，其宽度随元素的内容而变化。
2）块级元素可以设置 width, height属性，行内元素(除了img)设置width, height无效。
   注意：块级元素即使设置了宽度，仍然是独占一行的。
3) 块级元素可以设置margin 和 padding。
   行内元素的水平方向的padding-left,padding-right,margin-left,margin-right 都产生边距效果，
   但是竖直方向的padding-top,padding-bottom,margin-top,margin-bottom都不会产生边距效果。
   （水平方向有效，竖直方向无效）
4）文本样式标记
      1、作用
         修改文本在网页中的表现形式。
      2、标记
         1、<i></i> : 斜体显示文本
         2、<u></u> : 下划线显示文本
         3、<s></s> : 删除线显示文本
         4、<b></b> : 加粗显示文本-不推荐
         5、<sup></sup> : 以上标的形式显示文本
         6、<sub></sub> : 以下标的形式显示文本
         特点：
            该组标记与其他内容能够在一行内显示