zoukankan      html  css  js  c++  java
  • css元素类型以及类型之间的转换

    元素类型分类

    块状元素、内联元素(行内元素)、可变元素

    注:行内块元素归在内联元素这一类里面

    默认情况下元素类型每个特点:

    块状元素特点:

    1、在页面以矩形区域显示。

    2、自上而下排列,独占一行。

    3、可直接加宽高

    4、一般情况下,作为其他元素或内容的容器

    内联元素特点:

    1、在页面中最小单位也是矩形

    2、在一行内逐个排列

    3、不可以直接添加宽高,大小有内容撑开

    4、内联元素也符合盒模型的规则,但个别属性会出现问题

    5、内联元素在一行

    可变元素(了解)

    button标签典型的可变元素

     

    常见的标签

    块类元素

    div
    dl - 和dt-dd
    form
    h1 -h6
    hr
    ol
    p
    ul
    li
    fieldset
    colgroup-col
    table-tr-td

     

    内联元素

    a 
    b
    br                          
    i
    em                           
    img                       
    input             
    label                 
    span
    strong
    sub 
    sup
    textarea
    u
    select


    如果感觉对自己有帮助,麻烦点一下关注,会一直和大家分享知识的,谢谢!!!

    元素类型的转换

    1. display:block 此元素将显示为块级元素,此元素前后会带有换行符(后面元素会换行显示)。

    2. inline-block 将元素转化为行内块元素

    3. inline 将元素转换为行内元素

  • 相关阅读:
    万能的everything彻底解决mysql问题
    乱码问题
    机器学习学习规划
    NG机器学习笔记
    书籍与博客
    技术规划
    反置数
    多个接口出现同名函数的处理-转
    接口-imploements-委托
    接口使用中,对象生命周期管理-转
  • 原文地址:https://www.cnblogs.com/piaoyi1997/p/12573483.html
Copyright © 2011-2022 走看看