您现在的位置是:首页 > 网站制作 > CSS3|Html5CSS3|Html5

html元素类型详细介绍 包含 块元素、内联元素、可变元素

胜于蓝2019-07-30【CSS3|Html5】人已围观

简介HTML元素分为三大类:块元素、内联元素、可变元素 1.块元素 常见块元素:div、p、ul、ol、li、dt、dl、dd、form、table、tr、td、h1、h2、h3、h4、h5、h6、hr、fieldset

HTML元素分为三大类:块元素、内联元素、可变元素kJV胜于蓝|优秀个人博客

 kJV胜于蓝|优秀个人博客

1.块元素kJV胜于蓝|优秀个人博客

    常见块元素:div、p、ul、ol、li、dt、dl、dd、form、table、tr、td、h1、h2、h3、h4、h5、h6、hr、fieldsetkJV胜于蓝|优秀个人博客

    注:默认状态有 margin、padding 的html元素有 body、ul、ol、dl、dd、li、p、h1-h6、td、inputkJV胜于蓝|优秀个人博客

    块状元素的特点:kJV胜于蓝|优秀个人博客

         块状元素以块的形式显示为矩形区域kJV胜于蓝|优秀个人博客

         块状元素不会并排显示、自上而下排列kJV胜于蓝|优秀个人博客

         块元素可以定义自己的宽度和高度以及盒模型中任意的padding、margin、borderkJV胜于蓝|优秀个人博客

         块元素可以作为一个容器容纳其他的块元素和内联元素kJV胜于蓝|优秀个人博客

 kJV胜于蓝|优秀个人博客

2.内联元素kJV胜于蓝|优秀个人博客

    常见内联元素:a、span、b、strong、em、i、label、img、input、textarea、selectkJV胜于蓝|优秀个人博客

    内联元素的特点:kJV胜于蓝|优秀个人博客

         内联元素在一行逐个显示kJV胜于蓝|优秀个人博客

         内联元素没有自己的形状,不能定义宽度和高度,他的宽高由内容来决定kJV胜于蓝|优秀个人博客

         内联元素设置与高度相关的一些属性时,会显示错误或不生效(如 margin-top、 margin-bottom、 padding-top、 padding-bottom、 line-height )kJV胜于蓝|优秀个人博客

         内联元素嵌套块元素是不合理的kJV胜于蓝|优秀个人博客

 kJV胜于蓝|优秀个人博客

    常见的内联块状元素:img、input、textarea、selectkJV胜于蓝|优秀个人博客

    内联块状元素的特点:kJV胜于蓝|优秀个人博客

         既具有内联元素的特点,在一行逐个进行显示kJV胜于蓝|优秀个人博客

         又具有块状元素的特点,可以定义宽高以及 margin、padding、borderkJV胜于蓝|优秀个人博客

         只有内联块状元素设置 vertical-align 属性有效kJV胜于蓝|优秀个人博客

 kJV胜于蓝|优秀个人博客

3.可变元素kJV胜于蓝|优秀个人博客

    根据上下文关系决定元素类型(块元素或内联元素)kJV胜于蓝|优秀个人博客

Tags:

块元素   内联元素   可变元素

很赞哦! ()

文章评论

当前时间

合作加盟

  • 快钱POSS机
  • 费率:0.038%(刷1万=38元手续费)
  • 单笔最高刷卡金额:5万
  • 单月最高刷卡金额:600万

快钱代理公告

  • 凡事扫码代理必须实名认证
  • 实名认证后才可拉进代理微信群
  • 代理微信群有相关活动政策等

站点信息

  • 建站时间:2018-10-24
  • 网站程序:帝国CMS7.5
  • 主题模板《今夕何夕》
  • 文章统计1698篇文章
  • 标签管理标签云
  • 统计数据百度统计
  • 微信公众号:扫描二维码,关注我们

X客服在线

关于

服务时间

周一至周日 9:00-22:00