初学HTML5－－CSS样式（三）

HTML的标签类型主要分为三大类：

1.块级标签：特点：独占一行，能随时设置宽度和高度

  示例：

<!--块级标签-->
    <div>div标签</div>
    <p>段落标签</p>

2.行内标签：特点：多个行内标签能同时显示在一行，不能直接设置宽度和高度，宽度和高度取决于内容的尺寸

   示例：

 <!--行内标签(内联标签)-->
    <span>我是行内标签</span>
    <a href="#">我是超链接</a>

3:行内－块级标签（内联－块级标签）：特点：多个行内－块级标签能够显示在一行，并且能够随时设置宽度和高度

    示例：

    <!--行内-块级标签-->
    <input>
    <button>我是按钮</button>

－display
CSS中有个display属性，能修改标签的显示类型
none 隐藏

/*隐藏标签*/
display: none;

block 让标签变为块标签

/* 改变标签类型:行内---->块级 */
display: block;

inline:让标签变为行内标签

/* 改变标签类型:块级---->行内 */
display: inline;

inline-block:让标签变为行内－块级标签（内联－块级标签）

 /* 改变标签类型:行内---->行内块级 */
            display: inline-block;