zoukankan      html  css  js  c++  java
  • web兼容学习分析笔记--块级、内联、内联块级元素

    一、块级、内联、内联块级元素

    (1)块级元素:block    

           **独占一行

           **可设置width,height,margin,padding

           **内部可包含块级或内联元素

    (3)内联(行内)元素:inline      

           **和其他inline元素同行显示

           **可以设置margin-left,margin-righ,padding-left,padding-right,

           **无效设置widht,height,margin-top,margin-bottom,padding-top,padding-bottom

           **内部可包含块级或内联元素,内部包含块级元素时,该块级元素继续保持独行显示,下一个内联元素会换行显示

    (4)内联块级元素:inline-block

           **和其他inline或inline-block元素同行显示。

           **和块级元素一样可设置width,height,margin,padding。

           **内部可包含块级或内联元素,内部包含块级元素时,该块级元素会在内联元素的内部独行显示,不会影响下一个内联元素的同行显示

    块级元素

    <div> 定义文档中的节

    <blockquote>定义长的引用

    <dl>定义列表详情

    <fieldset> 定义围绕表单元素的边框

    <form> 定义html的表单

    <h1>--<h6> 标题

    <hr> 水平线

    <legend> 定义<fieldset>元素的标题

    <li> 定义列表的项目

    <object> 定义内嵌对象

    <ol> 定义有序列表

    <p> 定义段落

    <pre> 定义预格式文本

    <table> 定义表格

    <ul>定义无序列表

    Html5新元素

    <article> 定义一个文章区域

    <aside> 定义页面的侧边栏内容

    <audio> 定义音频内容

    <canvas> 定义画布

    <dialog> 定义对话框,比如提示框

    <embed> 定义嵌入的内容,比如插件

    <figure> 定义独立的流内容(图像、图标、照片、代码等)

    <figcaption> 定义元素的标题

    <footer> 定义section或document的页脚 

    <header> 定义文档的头部区域

    <nav> 定义导航链接的部分

    <section> 标签定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分

    <summary> 标签包含 details 元素的标题,"details" 元素用于描述有关文档或文档片段的详细信息

    内联元素

    <a> 超文本链接

    <address> 文档作者或拥有者的联系信息

    <abbr> ,<acronym>  定义缩写

    <area> 定义图像映射内部的区域

    <b>加粗字体

    <bdo> 定义文字方向

    <cite>定义引用

    <code> 计算机代码

    <dfn> 定义定义项目

    <em> 定义强调文本

    <i> 斜体

    <ins> 定义被插入的文本

    <kbd> 定义键盘文本

    <label>定义input元素的标注

    <map> 定义图形映射

    <mark> 定义带记号的文本

    <q> 定义短的引用

    <samp> 计算机样本

    <samll> 定义小号文本

    <span> 定义文档中的节

    <strong> 定义强调文本

    <sub> 定义下标文本

    <sup> 定义上标文本

    <tt> 定义打字机文本

    <var> 定义文本的变量部分

    Html5新元素

    <bdi> 允许您设置一段文本,使其脱离其父元素的文本方向设置。

    <meter> 定义度量衡。仅用于已知最大和最小值的度量

    <rp>  在 ruby 注释中使用,以定义不支持 ruby 元素的浏览器所显示的内容

    <rt>  标签定义字符(中文注音或字符)的解释或发音

    <ruby> 标签定义 ruby 注释(中文注音或字符)

    <time> 定义日期或时间,或者两者

    <wbr> 规定在文本中的何处适合添加换行符

    内联块级元素

     <button> 定义一个点击按钮

    <iframe> 定义内联框架

    <img>  定义图像

     <input>  定义输入控件

    <select> 定义选择列表(下拉列表)

    <textarea>  定义多行的文本输入控件

    Html5新元素

    <video> 标签定义视频,比如电影片段或其他视频流

    <keygen> 对表单生成密钥字段

    <progress> 定义运行中的进度(进程)

    作者:leona

    原文链接:http://www.cnblogs.com/leona-d/p/5950280.html 

    版权声明:本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文链接
  • 相关阅读:
    希腊字母
    word写文章时公式编号~~以后不要再浪费时间在这些事情上
    网络中的一些基本概念~~但很重要
    导师教给我们的~~
    ONE工具配置
    java环境变量设置
    【转载】UnicodeEncodeError: 'gbk' codec can't encode character 'xa0' in position XXX
    python中yield的用法详解——最简单,最清晰的解释【转载】
    python-乌龟和鱼游戏(面向对象实例)
    centOS7 使用yum命令报错:Error: Cannot retrieve metalink for repository: epel. Please verify its path and try again
  • 原文地址:https://www.cnblogs.com/leona-d/p/6127184.html
Copyright © 2011-2022 走看看