CSS
文章平均质量分 61
靖宜-xiu
这个作者很懒,什么都没留下…
展开
-
CSS尺寸单位px、em、rem、vw、vh以及%的区别
为相对单位,相对于当前元素内文本的字体尺寸。如果当前元素没有指定字体尺寸,那么以浏览器默认的字体尺寸为准。它是代表显示器上每一个显示的像素点,根据用户屏幕显示器的分辨率决定。元素没有指定字体尺寸,那么以浏览器默认的字体尺寸为准。例如,当前元素设置了字体尺寸为。元素文本的字体尺寸。元素设置了字体尺寸为。原创 2023-10-04 19:50:33 · 437 阅读 · 1 评论 -
弹性盒子:display: flex布局
弹性布局(Flex布局)是一种现代的CSS布局方式,通过使用display: flex属性来创建一个弹性容器,并在其中使用灵活的盒子模型来进行元素的排列和定位。原创 2023-10-04 19:39:16 · 71 阅读 · 1 评论 -
transition属性
当指定的 CSS 属性(width)值发生变化时,将开始过渡效果。① 您要添加效果的 CSS 属性(如:width)原创 2023-10-04 16:58:01 · 28 阅读 · 1 评论 -
overflow属性
属性值:overflow-x: visible|hidden|scroll|auto|no-display|no-content;属性值:overflow-y: visible|hidden|scroll|auto|no-display|no-content;属性值:overflow-x: visible|hidden|scroll|auto|inherit;如果它溢出了元素的内容区是否剪辑顶部/底部边缘内容。如果它溢出了元素的内容区是否剪辑左/右边缘内容。如果内容溢出一个元素的框,会发生什么。原创 2023-10-04 16:49:41 · 611 阅读 · 1 评论 -
position定位
绝对定位元素:position值为absolute或者fixed的元素,因为absolute在没有找到祖先定位元素时,也是参考视口进行定位的,和fixed的效果一样。如果希望绝对定位元素的宽高和定位参照对象一样,可以给绝对定位元素设置以下属性,这也是为什么定位能够实现盒子的水平垂直居中。定位参照对象:最近一级拥有定位的祖先元素,可以通过left、right、top、bottom来进行位置调整。定位参照元素:元素自己原来的位置,可以通过left、right、top、bottom来进行位置调整。原创 2023-10-04 15:56:28 · 72 阅读 · 1 评论