栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

CSS中“ @”符号的作用是什么?

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

CSS中“ @”符号的作用是什么?

@
@import
CSS1诞生以来,它就已经存在了,尽管可以说在最近的
@media
CSS2,CSS3和
@font-face
CSS3结构中它变得越来越普遍。该
@
语法本身,不过,正如我所说,是不是新的。

这些在CSS中都称为 at-rules。它们是浏览器的特殊说明,尽管它们在控制样式的应用方面起着重要作用,但它们与使用规则和属性对Web文档中(X)HTML / XML元素的样式没有直接关系。

一些代码示例:

@import url(style2.css);@media print {    body {        color: #000;        background: #fff;    }}@font-face {    font-family: 'DejaVu Sans';    src: local('DejaVu Sans Regular'), url(/fonts/DejaVuSans.ttf);}
  • @font-face
    规则定义了并非总是在所有计算机上都可用的供设计中使用的自定义字体,因此浏览器从服务器下载字体,并以该自定义字体设置文本,就像用户计算机具有该字体一样。

  • @media
    规则与媒体查询(以前仅是媒体类型)一起,根据显示页面所用的媒体来控制应用哪种样式,以及哪种样式不是基于该样式。在我的代码示例中,仅当打印文档时,才应设置所有文本黑色,白色(纸张)背景。您可以使用媒体查询来过滤出打印媒体,移动设备等,并为这些页面设置样式。

规则与选择器没有任何关系。由于其性质各异,因此在众多不同模块中以不同方式定义了不同的规则。更多示例包括:

  • 条件规则
  • 关键帧动画
  • 分页媒体

(此列表并非详尽无遗)

您可以在MDN上找到另一个非详尽列表。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/451966.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号