AT - 规则：@import，@media 和 @font-face

levy9527 发布于2019-08-30 15:53 / 1694人阅读

摘要：规则它现在被广泛用作在网页中嵌入字体。支持新的规则，但是仅支持类型的字体。规则规则用来导入其它的文件。规则必须被放置在一个样式表的顶部，在任何其他规则上面。规则可用于样式应用到一个特定的媒体，如印刷品。

font-face 规则

@font-face 它现在被广泛用作在网页中嵌入字体。

@font-face {
    font-family: "font of all knowledge";
    src: local("font of all knowledge"), local(fontofallknowledge), url(fontofallknowledge.woff);
    font-weight: 400;
    font-style: normal;
}

Firefox、Chrome、Safari 以及 Opera 支持 .ttf (True Type Fonts) 和 .otf (OpenType Fonts) 类型的字体。
Internet Explorer 9+ 支持新的 font-face 规则，但是仅支持 .eot 类型的字体 (Embedded OpenType)。

import 规则

@import规则 用来导入其它的 CSS 文件。

@import URL（morestyles.css）;

如果一个站点需要很长的，复杂的样式表如果他们被分解成更小的文件中，可能会更容易管理。

@import 规则必须被放置在一个样式表的顶部，在任何其他规则上面。

media 规则

@media 可用于样式应用到一个特定的媒体，如印刷品。

@media print {
    body {
        font-size: 10pt;
        font-family: times, serif;
    }

    #navigation {
        display: none;
    }
}

@media 可以包括_屏幕 (screen)_，_打印 (print)_，_投影 (projection)_，_手持式设备 (handheld)_，和_所有 (all)_，或以逗号分隔的多个列表，如：

@media screen, projection {
    /* ... */
}

CSS 3 允许你的目标不只是特定的媒体也涉及该媒体的变量，如屏幕尺寸（针对手机特别有帮助）。

服务器托管混合云 font-face important Imports Importer

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/116556.html

【Hello CSS】第一章-CSS的语法与工作流

摘要：本篇则主要介绍的语法与是如何工作的。语法基本规则规则主要由两部分组成选择器与声明。属性与值之间由冒号隔开，声明与声明直接由分号隔开。是用来定义使用在样式表中的命名空间的规则。用来检测规则组的规则是否生效。作者：陈大鱼头 github： KRISACHAN 在上一篇【Hello CSS】的序章CSS起源中介绍了CSS的诞生原因以及发展历史，了解了CSS的存在意义。从正篇篇开始将会正式开...

BlackHole1 2019-05-23 17:34 评论0 收藏0
【Hello CSS】第一章-CSS的语法与工作流

摘要：本篇则主要介绍的语法与是如何工作的。语法基本规则规则主要由两部分组成选择器与声明。用于自定义的样式用于给网页指定文本字体。作者：陈大鱼头 github： KRISACHAN 在上一篇【Hello CSS】的序章CSS起源中介绍了CSS的诞生原因以及发展历史，了解了CSS的存在意义。从正篇篇开始将会正式开始介绍CSS这门语言的特点与功能。本篇则主要介绍CSS的语法与CSS是如何工...

kelvinlee 2019-08-30 10:49 评论0 收藏0
胡子哥的重学前端（笔记）css语法

摘要：规则在外部样式表文件内使用。指定该样式表使用的字符编码。当你重置浏览器大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面。上说没有浏览器支持，暂不研究允许子孙元素使用取值序列中的值循环替换继承而来的值。函数返回选择元素的属性值。 at 规则 @charset 在外部样式表文件内使用。指定该样式表使用的字符编码。该规则后面的分号是必需的，如果省略了此分号，会生成错误信息。在外部cs...

kelvinlee 2019-08-30 15:55 评论0 收藏0
胡子哥的重学前端（笔记）css语法

摘要：规则在外部样式表文件内使用。指定该样式表使用的字符编码。当你重置浏览器大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面。上说没有浏览器支持，暂不研究允许子孙元素使用取值序列中的值循环替换继承而来的值。函数返回选择元素的属性值。 at 规则 @charset 在外部样式表文件内使用。指定该样式表使用的字符编码。该规则后面的分号是必需的，如果省略了此分号，会生成错误信息。在外部cs...

Sleepy 2019-08-23 15:12 评论0 收藏0
重学前端学习笔记（十）--CSS语法关于带@的规则

摘要：指普通的规则，由选择器和属性指定构成的规则。用于跟命名空间配合的一个规则，表示内部的选择器全都带上特定命名空间。注意属性不允许使用连续的两个中划线开头，否则会被认为是变量。笔记说明重学前端是程劭非（winter）【前手机淘宝前端负责人】在极客时间开的一个专栏，每天10分钟，重构你的前端知识体系，笔者主要整理学习过程的一些要点笔记以及感悟，完整的可以加入winter的专栏学习【原文有...

codeKK 2019-08-02 16:16 评论0 收藏0