首页 >web前端 >前端问答 > 正文

css行内块元素有哪些

原创2021-05-24 10:58:2201204

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

本教程操作环境: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行内块元素有哪些的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 相关标签:行内块元素
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    作者信息
    推荐视频教程
  • CSS3精讲视频教程CSS3精讲视频教程
  • CSS的美化功能CSS的美化功能
  • HTML5 极速入门HTML5 极速入门
  • 新独孤九贱之:HTML5极速入坑新独孤九贱之:HTML5极速入坑
  • 视频教程分类