css行内块元素有哪些

css行内块元素有:1、img,用于定义HTML页面中的图像;2、textarea,用于定义一个多行的文本输入控件;3、input,用于规定用户可以在其中输入数据的输入字段。

css行内块元素有哪些

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

块标签元素:p p h1-h6 hr ul ol li dl dd dt form 

            ①支持宽高,自上而下排列

            ②不受空格影响

            ③一般用于其他标签的容器

            ④默认宽度为100%(独占一行)。

行内标签元素:span i a b strong em sub sup u label br font

             ①不支持宽高(宽高根据内容大小自动撑开),自左向右排列

             ②受空格影响

             ③不独占一行

行内块标签元素:img  textarea  input

               ①支持宽高,自左向右排列

               ②受空格影响

               ③不独占一行

标签元素之间的转换

display:inline(转为行内元素)

              inline-block(转为行内块元素)

              block(转为块元素)

              none(隐藏 不显示)

注意:当元素浮动(float)时会转化成行内块元素特点。

学习视频分享:css视频教程

以上就是css行内块元素有哪些的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2950856.html

(0)
上一篇 2025年3月11日 23:31:07
下一篇 2025年3月7日 23:10:42

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • html有哪些行内块元素

    在html中,行内块级元素分别是:用于标记网页中图像的img;用于搜集用户信息的input;标签定义表格中标准单元格的td;可创建单选或多选菜单的select;定义多行的文本输入控件的textarea;为input元素定义标注的label。…

    2025年3月11日
    200
  • html盒子模型元素怎么改成行内块元素

    在html中,可以利用display属性来将盒子模型元素改成行内块元素,该属性能设置元素的类型,当值为“inline-block”时可将元素设置为“行内块元素”,语法“盒子模型元素{display: inline-block;}”。 本教程…

    2025年3月11日
    200
  • 块级元素和行内块元素是什么?

    在css基础当中,我们往往会遇到块元素和行内元素,块元素和行内元素也是很重要的基础知识,很多学生都感觉不重要,都不去学习,其实也是不正确的选择,下面我们来讲述一下块级元素和行内块元素是什么? 很多学生在学习的时候,发现源代码中的元素有的是独…

    2025年3月9日
    200

发表回复

登录后才能评论