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

e81d54bb2e94214d57f11f8f00149ff3.png

跃然一笑

@自@importCSS1诞生以来,它就已经存在了,尽管可以说在最近的@mediaCSS2,CSS3和@font-faceCSS3结构中它变得越来越普遍。该@语法本身,不过,正如我所说,是不是新的。这些在CSS中都称为at-rules。它们是浏览器的特殊说明,尽管它们在控制样式的应用方面起着重要作用,但它们与使用规则和属性对Web文档中(X)HTML / XML元素的样式没有直接关系。一些代码示例:/* Import another stylesheet from within a stylesheet */@import url(style2.css);/* Apply this style only for printing */@media print {    body {        color: #000;        background: #fff;    }}/* Embed a custom web font */@font-face {    font-family: 'DejaVu Sans';    src: local('DejaVu Sans Regular'), url(/fonts/DejaVuSans.ttf);}@font-face规则定义了并非总是在所有计算机上都可用的供设计中使用的自定义字体,因此浏览器从服务器下载字体,并以该自定义字体设置文本,就像用户计算机具有该字体一样。@media规则与媒体查询(以前仅是媒体类型)一起,根据显示页面所用的媒体来控制应用哪种样式,以及哪种样式不是基于该样式。在我的代码示例中,仅当打印文档时,才应设置所有文本黑色,白色(纸张)背景。您可以使用媒体查询来过滤出打印媒体,移动设备等,并为这些页面设置样式。规则与选择器没有任何关系。由于其性质各异,因此在众多不同模块中以不同方式定义了不同的规则。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值