当前位置: 首页 > Web前端 > CSS

css中的几个重要概念

时间:2023-03-30 15:11:15 CSS

替换元素和非替换元素替换元素:是指浏览器根据元素的标签和属性来决定元素的具体内容。例如"浏览器会根据标签的src属性的值读取并显示图片信息,浏览器会判断是否是根据input标签的type属性显示输入框或单选按钮非置换元素:内容直接显示在客户端的元素称为非置换元素

shizai

shashi
containsblocks在css中,有时是一个元素的位置大小和尺寸的计算是相对于一个矩形的,称为包含块,包含块是一个相对的概念,比如子元素的初始布局永远在父元素的左上角,是一个相对的概念,每个Element都会生成一个包含块,但是这个包含块什么都看不到,摸不着,它只是一个概念。包含块不限制里面元素的大小,如果element里面大于包含块,那么超出的部分就会溢出。一个元素的位置和大小与其包含块密切相关,该元素会为其后代创建一个包含块,但这并不意味着该包含块就是它的父元素(但父元素确实有某种联系与包含块)。在某些情况下,我们可以将包含块理解为父元素。包含块是在HTML中创建的,根元素的包含块称为初始包含块,它是由客户端专门创建的确定,当固定位置固定时,由视口创建包含块。当定位值为relative、static或未设置定位属性时,包含块由距离最近的父元素或祖先元素创建。当定位值为absolute时,包含块由最近的定位值relative、absolute、fixed创建。如果没有定位的祖先元素,则包含块是初始包含块(由客户端确定)。当祖先元素为内联元素时,包含块依赖于父元素或祖先元素方向属性当定位值为绝对且父元素未设置定位时,包含块为初始包含块。如果指定了定位值,则包含块由其定位的父元素或祖先元素父元素或祖先元素未定位时
父元素或祖先元素定位祖先元素的值是相对的
父元素或祖先元素的定位值是绝对的
父元素或祖先元素的定位值是固定的当祖先元素是内联元素时,如果direction值为ltr,右边填空,如果direction值为rtl,左边填空