挖掘SitePoint CSS參考

我們大多數知道CSS都是自學的。教自己的問題在於，您大部分時間都只學習每天需要的東西，在您的知識中留下了很小的漏洞 - 昏暗而塵土飛揚的角落居住在您很少使用的晦澀的事實中，但可能很有用。

在編輯SitePoint CSS參考時，I遇到了許多有價值的CSS知識塊；我只部分理解或完全沒有意識到的事情。以下是一些示例。

術語：規則V聲明

在CSS中，術語規則通常被濫用。有時，您會看到以下規則：

但是，這是一份聲明。這是CSS規則：

padding: 1em;

a聲明指定單個屬性的值。規則可以包含一個或多個聲明，然後在一個塊之前。

> 頂部或底部填充的百分比值或邊距

body {
  padding: 1em;
  background-color: #fff;
}

>

如果您指定頂部或底部填充或邊距的百分比值，則百分比值代表包含塊的寬度的百分比，而不是其高度，而不是您可能期望的。

文本 - decoration

的多個值

您是否知道文本解釋屬性可以採用多個空間分隔的值？例如，您可以做到這一點：

垂直分析的長度或百分比值

在內聯框（不是表單元格）上使用時，垂直對準屬性可以佔據長度或百分比值。效果是將與線框相關的內聯元素的位置提高或降低。百分比值代表元素高度的百分比。

>背景位置的百分比

a:hover, a:focus {
  text-decoration: underline overline;
}

>如果您曾經想過為什麼在使用背景位置的百分比值時您的背景圖像開始瘋狂，那麼您可能不知道百分比值實際上與該屬性合作。百分比值是指元素內部的位置以及圖像中的位置。從元素頂部設置為50％的背景位置將在背景圖像中放置圖像高度的50％，位於元素高度的50％。

這似乎是正常的，因為它有效地將圖像置於元素之內。但是，當您使用不尋常的百分比值（例如66％）時，圖像的位置似乎會出乎意料地轉向。亞歷克斯（Alex）撰寫了一篇關於背景位置屬性的出色博客文章，該文章解釋了行為。

>表格和性能

> table-layout屬性允許您指定瀏覽器應使用固定的佈局算法來計算列和表格寬度。在默認表佈局算法列中寬度也受細胞內容的影響，即使您指定寬度。您可能會說，在這種情況下指定寬度更像是指南，而不是實際規則。

>您可以通過將table-layout設置為固定的值來指定固定的佈局算法：固定。使用此算法，瀏覽器將忽略單元格的內容，並使用可用的寬度規格來計算表列的寬度，即使內容不合適。您可以在參考中的表格格式主題中閱讀有關它的更多信息。

>

固定表佈局的好處是更好的性能，尤其是對於具有許多列的大表格。如果您有一個大表格，並且可以使用table-layout：filed；將使瀏覽器能夠更快地顯示表。

經常詢問有關挖掘SitePoint CSS參考

的問題

>站點Point CSS參考是什麼？

sitepoint CSS參考是一份綜合指南，可提供有關CSS（級聯樣式表）的詳細信息。它包括CSS屬性，值，選擇器和插曲的定義，以及示例和瀏覽器兼容性信息。該參考旨在幫助初學者和經驗豐富的開發人員在其網絡設計和開發項目中有效地理解和使用CSS。

>

>如何將SitePoint CSS參考用於挖掘CSS？

sitepoint CSS參考可以用作挖掘CSS的寶貴資源。它提供了有關CSS屬性，值，選擇器和插曲的大量信息。您可以使用此參考來了解不同的CSS元素，了解它們的工作方式，並查看如何在現實世界中使用它們的示例。這可以幫助您深入了解CSS並提高您的網頁設計和開發技能。 >使用SitePoint CSS參考？ >站點Point CSS參考與其他CSS參考相比如何？

我可以使用SitePoint CSS參考來了解CSS？

> SitePoint CSS CSS參考最新參考是最新的嗎？ >

>我如何使用SitePoint CSS參考來提高我的網站設計和開發技能？ >

> SitePoint CSS參考的格式是什麼？

>

>

我可以在從事我的項目時使用SitePoint CSS參考作為參考嗎？它提供了有關CSS屬性，值，選擇器和插曲的詳細信息，以及示例和瀏覽器兼容性信息。這可以幫助您了解如何在項目中有效地使用CSS。

是免費使用的SitePoint CSS參考嗎？ >

以上是挖掘SitePoint CSS參考的詳細內容。更多資訊請關注PHP中文網其他相關文章！