CSS基础语法二

HTML的标签类型

块级标签

特点:独占一行.
能随时设置宽度和高度(比如:p,div,h1,h2,ul,li(重点)

行内标签

特点:多个行内标签能同时显示在一行内,总宽度超过当前行内宽度会另起一行.
宽度和高度取决于内容的尺寸(比如span,a,lable).不能修改设置宽度和高度,

行内标签和块级标签.png

行内-块级标签

特点:多个行内标签能同时显示在一行内.
能随时设置宽度和高度(比如:input,button).

行内-块级标签.png

写代码测试下(感受下),详情见截图.

重点中的重点:
修改标签的显示类型

css中有个display属性.
1. none:隐藏标签.
2. block:把标签变成块级标签.(行内->块级)
3. inline:把标签变为行内标签.(块级->行内)
4. inline-block:让标签变为行内-块级标签 


    div {
        display:none;

    }