引用外部样式表的格式是cshtml中引⽤css_css基础必备-使⽤样式,前端⼩⽩⼀看就会在HTML⽂档中包含CSS
CSS可以作为单独的⽂档引⽤,也可以嵌⼊到HTML⽂档中。在HTML⽂档中包含CSS有三种⽅法:
内联样式 - 使⽤元素起始标记的style属性指定样式
嵌⼊样式 - 在⽂档的head部分使⽤style标记指定样式
外部样式 - 在⽂档的head部分使⽤link标记引⽤外部CSS⽂件
注意:内联样式的优先级最⾼,⽽外部样式表的优先级最低。这意味着,如果同时使⽤嵌⼊样式表和外部样式表为元素指定样式,则嵌⼊样式的规则将覆盖外部样式表。
内联样式
内联样式通过将CSS规则直接放⼊开始标记的style属性来将唯⼀的样式规则应⽤于该元素。
style属性的值为⼀系列CSS属性和值对。每个“property:value”对都⽤分号(;)分隔,与嵌⼊或外部样式表中的写法⼀样,但必须全部在⼀⾏中,即分号后没有换⾏符,如下所⽰:
内联样式的⽰例
通常认为使⽤内联样式是⼀种不好的做法。因为样式规则直接嵌⼊到HTML标记中,这会导致⽂档格式与⽂档内容混合;这使得代码很难维护,违背了发明CSS的初衷。
注意:已经⽆法在内联样式中设置伪元素和伪类规则。因此,避免在代码中使⽤样式属性。使⽤外部样式表向HTML⽂档添加样式是⾸选⽅法。
嵌⼊样式/内部样式
嵌⼊样式表或内部样式表只影响定义它们的HTML⽂档。
嵌⼊样式是使⽤style标记在HTML⽂档的head部分定义的。可以在HTML⽂档中定义任意数量的style元素,但它们必须出现在
和标记之间,如以下所⽰:
提⽰:style和link标记的type属性(即type=“text/css”)定义使⽤CSS样式语⾔,但这个属性纯粹是信息性的,你可以忽略它,因为CSS 是HTML5中的标准和默认样式表语⾔。
外部样式
当样式规则要应⽤于⽹站的多个页⾯时,采⽤外部样式表是理想的。
外部样式表将所有样式规则保存在⼀个单独的⽂档中,您可以从站点上的任何HTML⽂件引⽤这些⽂档。外部样式表是最灵活的,因为使⽤外部样式表,您可以通过只更改⼀个⽂件来更改整个⽹站的外观。
有链接和导⼊两种⽅式引⽤外部样式表。
链接外部样式表
在链接之前,我们需要先创建⼀个样式表,如下所⽰:
link标记将外部样式表链接到HTML⽂档,link标记要位于
部分中,如下例所⽰:
导⼊外部样式表
@import语句是加载外部样式表的另⼀种⽅式,在style标记中使⽤,它指⽰浏览器加载外部样式表并
使⽤其样式规则。
有两种使⽤⽅法,最简单的是在⽂档head中的嵌⼊样式引⽤,注意,其他CSS规则仍然包含在
在嵌⼊样式中使⽤@import引⽤外部样式表:
在外部样式表中使⽤@import引⼊别的样式表⽂件:
注意:所有@import规则必须出现在样式表的开头。样式表本⾝中定义的任何样式规则都会覆盖与所导⼊的样式表有冲突的规则。但是,由于性能问题,不建议在另⼀个样式表中导⼊其它样式表。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论