码迷,mamicode.com
首页 > 其他好文 > 详细

块元素(block element)和内联元素

时间:2016-08-24 00:54:33      阅读:178      评论:0      收藏:0      [点我收藏+]

标签:

内联元素和块状元素能够用 display :block/inline   相互转换

块状元素变成内联元素的话,他的高就会失效而变为行高;

使用display:inline-block,让行内元素同时具有行内元素特性也能设置宽高

如果display:none的话,该元素就会不见

 

块状元素 

  address - 地址

    blockquote - 块引用

    center - 举中对齐块

    dir - 目录列表

    div - 常用块级容易,也是CSS layout的主要标签

    dl - 定义列表

    fieldset - form控制组

    form - 交互表单

    h1 - 大标题

    h2 - 副标题

    h3 - 3级标题

    h4 - 4级标题

    h5 - 5级标题

    h6 - 6级标题

    hr - 水平分隔线

    isindex - input prompt

    menu - 菜单列表

    noframes - frames可选内容,(对于不支持frame的浏览器显示此区块内容

    noscript - 可选脚本内容(对于不支持script的浏览器显示此内容)

    ol - 排序表单

    p - 段落

    pre - 格式化文本

    table - 表格

    ul - 非排序列表

 

    内联元素(inline element)

    a - 锚点

    abbr - 缩写

    acronym - 首字

    b - 粗体(不推荐)

    bdo - bidi override

    big - 大字体

    br - 换行

    cite - 引用

    code - 计算机代码(在引用源码的时候需要)

    dfn - 定义字段

    em - 强调

    font - 字体设定(不推荐)

    i - 斜体

    img - 图片

    input - 输入框

    kbd - 定义键盘文本

    label - 表格标签

    q - 短引用

    s - 中划线(不推荐)

    samp - 定义范例计算机代码

    select - 项目选择

    small - 小字体文本

    span - 常用内联容器,定义文本内区块

    strike - 中划线

    strong - 粗体强调

    sub - 下标

    sup - 上标

    textarea - 多行文本输入框

块元素(block element)和内联元素

标签:

原文地址:http://www.cnblogs.com/lzhlearn/p/5801356.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!