CSS

在CSS中使用font-display属性可以控制网页字体的加载行为，以优化用户在字体下载过程中的体验。font-display为你提供了几种不同的选项，使你可以决定浏览器在字体下载时如何展示文本。这些选项包括： 为了符合PageSpeed Insights的建议，通常推荐使用swap选项，因为它确保了文字在字体加载过程中始终可见，同时也允许字体文件一旦下载…

要使 CSS 内的内容在超出容器宽度时自动换行，可以使用 word-wrap 和 overflow-wrap 属性。这两个属性都可以用来控制长单词或 URL 等不可分割的字符串在达到容器边界时的行为。默认情况下，这些长字符串可能会延伸到容器之外，破坏布局的外观。通过设置这些属性，可以确保内容适当地换行，保持布局的整洁。 这里是如何应用这些属性的示例： 将上述…

为了使iframe中的视频自适应页面大小，您可以使用CSS控制其宽度和高度。这里是一个简单的示例，展示如何使用CSS来实现iframe的自适应大小调整。 这个示例使用了16:9的宽高比，您可以根据需要更改padding-bottom的值来设置不同的宽高比。使用这种方法，iframe中的视频将根据页面大小自动调整，并始终保持正确的宽高比。

在img或者iframe里面添加下面的代码可以解决偏移问题 到此为止。

Animate.css 是一个开源的 CSS 动画库，其中包含许多常见的动画效果，例如弹跳、旋转、缩放等。您可以使用该库快速地为网页元素添加动画效果。 使用 Animate.css 的方法很简单： 这是一个使用 Animate.css 的简单示例，您可以查看完整的文档，了解更多关于使用方法和动画效果的信息：https://animate.style/ 希望本…

使用 CSS 可以让图片居中显示。以下是一个常用的方法： 2.使用 CSS 的 margin 属性设置图片的水平和垂直对齐： 以上两种方法都可以让图片居中显示。希望这对您有所帮助！

css选择器，在平时的时候用处非常大，今天分享下几个网址 网址1：https://blog.csdn.net/weixin_43376571/article/details/121868657 说的很明白，超级实用，特别是其中的p[class=”important warning”]，完全匹配，解决了我的大问题 剩下的网址： http…

        今天做网站的时候，发现了height，今天记录一下。         height可以直接使用像素，比如height:100px，亲们要注意，height不能使用百分比，因为高度浏览器…

        今天在折腾网页的使用，发现超出边框的文字，自动换行了，这样格式就会错乱了，然后网上找了下，发现有一个overflow，可以完美解决这个问题，下面是网页代码。         在CSS中…

        今天又学习了一点，这次是dir属性和bdo属性，dir属性是通用属性，可以定义展示方向，有两个元素，分别是ltr，也就是左到右，l为left，t为to，r为right，ltr=left to right，这个是默认的属性，也就是如果什么都没设置，就会默认这样显示，…