![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 53
张什么晨
这个作者很懒,什么都没留下…
展开
-
position值有哪些,特点及应用
元素相对于其正常位置进行定位。在这个例子中,CSS样式定义了header的position为sticky,并设置top为0,这样当页面向下滚动时,标题会固定在浏览器的顶部。元素相对于浏览器窗口进行定位,即使页面滚动,它仍然会停留在同一的位置。这是相对于用户的滚动位置定位的元素,基本上是一种相对定位和固定定位的混合。元素相对于最近的已定位父元素(即 position 不为 static 的元素)进行定位。main元素有一个padding-top,用于确保当标题固定在顶部时,内容不会覆盖标题下方的空间。原创 2024-03-24 15:38:14 · 415 阅读 · 0 评论 -
px,em,rem的区别
rem同样是相对长度单位,但它是相对于HTML根元素的字体尺寸来设置的。这意味着,无论页面中的哪个元素,其使用rem单位的尺寸都是根据根元素的字体尺寸来计算的。这意味着,当父元素的字体尺寸发生变化时,使用em单位的子元素也会相应地变化。因此,使用px单位定义的元素尺寸、位置和间距等是固定的,不会受到其他元素尺寸变化的影响。在这个例子中,.child元素的字体大小将是.grandparent元素字体大小的1.875倍(因为1.25em * 1.5em = 1.875em)。原创 2024-03-24 14:44:59 · 392 阅读 · 0 评论 -
如何画一条0.5px的线
大多数浏览器对线条粗细的渲染都是以完整像素为单位的。当你尝试设置一个非整数的像素值时,浏览器通常会将其向上或向下舍入到最接近的整数像素。1. 使用transform: scale()原创 2024-03-24 14:52:37 · 333 阅读 · 0 评论 -
iframe的用法
它可以将另一个HTML页面嵌入到当前页面中,并且可以通过设置iframe的属性,如width、height、scrolling等,来控制嵌入页面的显示方式和尺寸。:iframe可以在一个HTML文档中嵌入另一个HTML页面或文档,使其他页面的内容以框架的形式展示在当前页面中。由于iframe中的内容与主页面是隔离的,因此它可以在一定程度上防止恶意代码或不受信任的内容对主页面造成破坏。这对于加载时间较长的大型网页尤其有用,可以提高页面加载速度,并且在加载过程中,用户可以先看到部分内容,从而提高用户体验。原创 2024-03-23 20:09:06 · 209 阅读 · 0 评论