<kbd id="afajh"><form id="afajh"></form></kbd>
<strong id="afajh"><dl id="afajh"></dl></strong>
    <del id="afajh"><form id="afajh"></form></del>
        1. <th id="afajh"><progress id="afajh"></progress></th>
          <b id="afajh"><abbr id="afajh"></abbr></b>
          <th id="afajh"><progress id="afajh"></progress></th>

          分享 4 個你需要了解的 CSS 函數

          共 723字,需瀏覽 2分鐘

           ·

          2022-05-28 09:20

          英文 | https://modernweb438.medium.com/css-functions-learn-about-css-function-2022-2c00c2d270aa


          CSS 函數
          CSS 函數用作各種 CSS 屬性的值。所以基本上我們用它來評估一些 CSS 值。讓我們看看其中的一些功能。
          1、attr()
          此函數用于訪問元素屬性的值。讓我們通過例子來理解它。

          你可以看到我們有一個“div”和一個“data-bg”自定義屬性,現在我可以使用 attr() 在 CSS 中訪問它的值。所以,這就是你可以做很多有趣的事情的方式。
          所以輸出將是這樣的。

          2、calc() 
          在 attr() 之后我們有 calc()。顧名思義,它有助于執(zhí)行 CSS 值的計算。當我們想要進行精確計算時,這可能很有用。

          在上面的代碼中,我使用 calc() 來設置 div 的寬度和高度。

          3、max()
          然后我們有 max(),它需要兩個值并使用該 CSS 屬性的最大值。這對于制作響應式寬度和高度很有用。

          在這種情況下,div 將具有最大可能的寬度和高度,如果 50% 大于 500px,則其寬度將為 50%,否則為 500px,高度也是一樣。
          4、 min()
          最后但并非最不重要的一點是,我們有 min(),它需要兩個值并使用該 CSS 屬性的最小值。這與 max() 正好相反。

          所以,這個輸出將與我們的 max() 完全相反。它將其寬度和高度設置為最小值。
          寫在最后
          以上就是我今天跟你分享的內容,如果您有任何疑問,請隨時在留言區(qū)給我留言,最后,感謝你的閱讀,祝編程愉快!


          學習更多技能

          請點擊下方公眾號

          瀏覽 54
          點贊
          評論
          收藏
          分享

          手機掃一掃分享

          分享
          舉報
          評論
          圖片
          表情
          推薦
          點贊
          評論
          收藏
          分享

          手機掃一掃分享

          分享
          舉報
          <kbd id="afajh"><form id="afajh"></form></kbd>
          <strong id="afajh"><dl id="afajh"></dl></strong>
            <del id="afajh"><form id="afajh"></form></del>
                1. <th id="afajh"><progress id="afajh"></progress></th>
                  <b id="afajh"><abbr id="afajh"></abbr></b>
                  <th id="afajh"><progress id="afajh"></progress></th>
                  精品九九九九九九 | 外汇天眼查官网入口 | 玩嫩苞综合AV | 亚洲电影天堂在线 | 狠狠婷婷爱 |