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，這個是默認的屬性，也就是如果什麼都沒設置，就會默認這樣顯示，…