首页  >  文章  >  web前端  >  【前段开发】行内元素和块级元素总结(HTML CSS)_html/css_WEB-ITnose

【前段开发】行内元素和块级元素总结(HTML CSS)_html/css_WEB-ITnose

WBOY
WBOY原创
2016-06-24 12:05:271039浏览

块级元素


information on author
long quotation
push button
table caption
definition description
deleted text
generic language/style container
definition list
definition term
form control group
interactive form

heading

heading

heading

heading
heading
heading

horizontal rule
inline subwindow
inserted text
fieldset legend
  • list item
    client-side image map
    alternate content container for non frame-based rendering
    alternate content container for non script-based rendering
    generic embedded object
      ordered list

      paragraph
      preformatted text
      table
      table body
      table data cell
      table footer
      table header cell
      table header
      table row
        unordered list

        行内元素

        anchor
        abbreviated form
        acronym
        bold text style
        I18N BiDi over-ride
        large text style

        forced line break
        push button
        citation
        computer code fragment
        deleted text
        instance definition
        emphasis
        italic text style
        inline subwindow
        【前段开发】行内元素和块级元素总结(HTML CSS)_html/css_WEB-ITnose Embedded image
        form control
        inserted text
        text to be entered by the user
        form field label text
        client-side image map
        generic embedded object
        short inline quotation
        sample program output, scripts, etc.
        option selector
        small text style
        generic language/style container
        strong emphasis
        subscript
        superscript
        multi-line text field
        teletype or monospaced text style
        instance of a variable or program argument

        行内元素、非置换元素不会应用width属性,比如对行内元素应用了width:200px,你不会看到任何效果出现。

        行内元素、非置换元素不会应用height属性,但是高度可以通过line-height来指定。

        行内元素你可以给它设置padding,但只有padding-left和padding-right会有效果,没有padding-top和padding-bottom。

        margin属性也是和padding属性一样,对行内元素左右有效,上下无效。

        声明:
        本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn