挖掘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中文网其他相关文章！