zoukankan      html  css  js  c++  java
  • HTML元素分类【三种类型】

     
    在CSS中,html中的标签元素大体被分为三种不同的类型:
    块状元素、内联元素(又叫行内元素)和内联块状元素。

    块状元素:display:block内联元素:display:inline
    内联块状元素:display:inline-block

    常用的块状元素有:
    <div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form>

    常用的内联元素有:
    <a>、<span>、
    、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>

    常用的内联块状元素有:
    <img>、<input>

    内联(行级)标签:标签在一行内,宽度与高度由内容决定,只有在内容超过HTML的宽度时,才会换行

    标签:标签独占一行,可指定宽、高

    内联块状元素inline-block就是同时具备内联元素、块状元素的特点,代码display:inline-block就是将元素设置为内联块状元素。(css2.1新增),<img>、<input>标签就是这种内联块状标签。
    inline-block 元素特点:
    1、和其他元素都在一行上;
    2、元素的高度、宽度、行高以及顶和底边距都可设置

    区别:
       
       是否占一行    能否指定高宽    垂直方向的margin    内联    否    否    否        是    是        是    是

     (扩展)隐性改变display类型:
        有一个有趣的现象就是当为元素(不论之前是什么类型元素,display:none 除外)设置以下 2 个句之一:
    1. position : absolute 或 position:fixed
    2. float : left 或 float:right
    display:inline-block的方式显示,当然就可以设置元素的 width 和 height 了且默认宽度不占满父元素。
     
  • 相关阅读:
    Zookeeper实战
    Zookeeper的结构和命令
    Zookeeper中的选举机制
    du 命令,对文件和目录磁盘使用的空间的查看
    rm命令
    linux之cp/scp命令+scp命令详解
    android 为应用程序创建桌面快捷方式技巧分享
    对自己的文件使用keystore签名
    Android 打包签名 从生成keystore到完成签名 -- 转
    Android App启动错误的问题(connection to the server was unsuccessful)
  • 原文地址:https://www.cnblogs.com/luoyishan/p/8316503.html
Copyright © 2011-2022 走看看