• 技术文章 >web前端 >css教程

    css行元素跟块元素有哪些相同点

    青灯夜游青灯夜游2020-12-17 11:36:45原创463

    相同点:1、行元素和块元素都具有display属性,用于规定元素应该生成的框的类型;2、行元素和块元素都可以设置左右水平方向的margin和padding值。

    本教程操作环境:windows7系统、css3版本,该方法适用于所有品牌电脑。

    行元素(又名内联元素)跟块元素都是html规范中的概念。块元素(block element)一般是其他元素的容器元素,能容纳其他块元素或内联元素。内联元素(inline element)一般都是基于语义级(semantic)的基本元素,只能容纳文本或者其他内联元素。

    块元素的特点:

    行元素的特点:

    行元素跟块元素的相同点

    1、都具有display属性,规定元素应该生成的框的类型。

    2、都可以设置左右方向的margin和padding值

    块元素与行元素的区别

    1.块元素,总是在新行上开始;内联元素,和其他元素都在一行上。

    2.块元素,能容纳其他块元素或内联元素;内联元素,只能容纳文本或者其他内联元素。

    3.块元素中高度,行高以及顶和底边距都可控制;内联元素中高,行高及顶和底边距不可改变。

    (这上面的区别,指的是默认情况下的,不包括CSS的刻意控制。也就是说当使用css控制时,块元素和内联元素的属性差异会越来越小。)

    更多编程相关知识,请访问:编程课程!!

    以上就是css行元素跟块元素有哪些相同点的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:css 行元素 块元素
    上一篇:css盒子模型尺寸如何计算 下一篇:css怎么定义div的宽度和高度
    PHP编程就业班

    相关文章推荐

    • css属性前缀有哪些• css中font-family是什么意思• CSS3 Cubic-Bezier()实现链接悬停动画效果的方法介绍• css3 pie怎么用• css宽高不固定如何实现居中

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网