分享 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ū)給我留言，最后，感謝你的閱讀，祝編程愉快！

學習更多技能
請點擊下方公眾號

點贊

舉報

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