CSS-创建/使用主样式表

djmcr

我在线阅读了一篇文章,以获取有关使用CSS的技巧,并且其中一个指针是:

使用主样式表。“在CSS方面,我发现初学者和中级人员最常犯的错误之一就是没有删除默认的浏览器样式。这会导致您的设计在各种浏览器中的外观不一致,并最终导致许多设计师将其归咎于浏览器。当然,这是错位的责备。在为网站编码时,在执行其他任何操作之前,您应该重置样式。”

谁能指出我关于如何为网站设置Master CSS Page,以及如何从Master CSS Page调用类到网页中的对象的任何教程(甚至在此处提供帮助)。

例如,如果我在Master CSS页面中设置了某些样式,则可以将div上的class设置为class =“ main-header-blue”,它将从我的Master CSS页面中调用该样式并将其应用于我的div(然后我可以从我的任何网页上调用此类)

任何帮助或建议,不胜感激。先感谢您。

兰迪

希望我的解释是您的答案:

CSS从上到下的角度应用样式。这意味着,如果您插入两个样式表,则首先应用顶部的样式表,然后第二个样式表将覆盖第一个样式表

这意味着:

<link rel="stylesheet" type="text/css" href="mystyle.css">
<link rel="stylesheet" type="text/css" href="mystyle2.css"> // this one overrides the first

这也适用于样式:

div {
  background-color:green;
}

div {
  background-color:red;
}
// the background color is red.

这可能意味着第一个样式表是主样式表。其中一个包含“主样式”,第二个包含“覆盖默认样式”。从第3方(例如Bootstrap导入样式表时,这很有用


第二种解释是SASS。在SASS中,您可以创建一个主样式表,其中包含将在其他样式表中应用的变量。因此,在主样式表中您可以这样说:

$font-stack:    Helvetica, sans-serif;
$primary-color: #333;

然后在其他样式表中使用这些样式表:

body {
  font: 100% $font-stack;
  color: $primary-color;
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章