CSS - @规则

CSS - @规则 首页 / CSS入门教程 / CSS - @规则

本章将涵盖以下重要的@规则-

  • @import       :  将另一个样式导入到当前样式表中。

  • @charset      :  样式使用的字符集。

  • @font-face   :  用于详尽地描述文档中使用的字体。

  • !important   :  指示用户定义的规则应优先。

注意-还有其他@规则,无涯教程将在后续章节中介绍。

链接:https://www.learnfk.comhttps://www.learnfk.com/css/css-at-rules.html

来源:LearnFk无涯教程网

@import 规则

@import 规则允许您从另一个样式表中导入样式,可以用以下两种方式之一来写-

<style type="text/css">
   <!--
      @import "mystyle.css";
      or
      @import url("mystyle.css");
      .......other CSS rules .....
   -->
</style>

@charset 规则

如果要使用ASCII或ISO-8859-1以外的字符集来编写文档,则可能需要在样式表的顶部设置@charset规则,以指示要写入样式表的字符集。

@charset规则必须直接写在样式表的开头,前面不能有空格。例如-

<style type="text/css">
   <!--
      @charset "iso-8859-1"
      .......other CSS rules .....
   -->
</style>

@font-face 规则

@font-face规则用于详尽描述文档中使用的字体。 @font-face也可以用来定义要下载的字体的位置,尽管这可能会遇到实现特定的限制。

<style type="text/css">
   <!--
      @font-face {
         font-family: "Scarborough Light";
         src: url("http://www.font.site/s/scarbo-lt");
      }
      @font-face {
         font-family: Santiago;
         src: local ("Santiago"),
         url("http://www.font.site/s/santiago.tt")
         format("truetype");
         unicode-range: U+??,U+100-220;
         font-size: all;
         font-family: sans-serif;
      }
   -->
</style>

!important 规则

!important规则提供了一种使CSS 优先级联的方法,例如,在下面的样式表中,即使应用的第一个样式属性是红色,段落文本也将是黑色的:

<style type="text/css">
   <!--
      p { color: #ff0000; }
      p { color: #000000; }
   -->
</style>

因此,如果您想确保始终应用属性,则可以将!important属性添加到标签中。因此,要使段落文本始终为红色,应按以下方式编写:

<html>
   <head>
      <style type="text/css">
         p { color: #ff0000 !important; }
         p { color: #000000; }
      </style>
   </head>

   <body>
      <p>Learnfk.com</p>
   </body>
</html> 

在这里,您已将 p {color:#ff0000!important; } 强制,现在即使您定义了另一个规则 p {color:#000000; }

祝学习愉快!(内容编辑有误?请选中要编辑内容 -> 右键 -> 修改 -> 提交!)

技术教程推荐

如何设计一个秒杀系统 -〔许令波〕

Android开发高手课 -〔张绍文〕

SQL必知必会 -〔陈旸〕

编辑训练营 -〔总编室〕

数据中台实战课 -〔郭忆〕

零基础入门Spark -〔吴磊〕

大数据经典论文解读 -〔徐文浩〕

手把手带你搭建秒杀系统 -〔佘志东〕

Go进阶 · 分布式爬虫实战 -〔郑建勋〕

好记忆不如烂笔头。留下您的足迹吧 :)