BootstrapBootstrap里之公文分别表示什么意思及其引用方法

至于Bootstrap打包的公文分别代表什么意思,官网也从未吃有一个显的说,在网上查阅了一部分资料,总价归纳了之类:

bootstrap/    <!--主目录-->
├── css/    <!--CSS样式文件-->
│   ├── bootstrap.css    <!--Bootstrap核心CSS文件-->
│   ├── bootstrap.css.map    <!--source map文件-->
│   ├── bootstrap.min.css    <!--Bootstrap核心CSS文件 压缩版-->
│   ├── bootstrap.min.css.map
│   ├── bootstrap-theme.css    <!--可选的Bootstrap主题文件(一般不用引入)-->
│   ├── bootstrap-theme.css.map
│   ├── bootstrap-theme.min.css    <!--可选的Bootstrap主题文件(一般不用引入) 压缩版-->
│   └── bootstrap-theme.min.css.map
├── js/    <!--JavaScript文件-->
│   ├── bootstrap.js    <!--Bootstrap核心JavaScript文件-->
│   └── bootstrap.min.js    <!--Bootstrap核心JavaScript文件 压缩版-->
└── fonts/    <!--字体图标-->
    ├── glyphicons-halflings-regular.eot
    ├── glyphicons-halflings-regular.svg
    ├── glyphicons-halflings-regular.ttf
    ├── glyphicons-halflings-regular.woff
    └── glyphicons-halflings-regular.woff2

*bootstrap.css
是完整的bootstrap样式表,未经压缩了的,可供应开发之时段进行调试用
*bootstrap.min.css
是透过压缩后底bootstrap样式表,内容以及bootstrap.css完全等同,但是拿高中级不必要之空格之类的事物还删掉了,所以文件大小会比bootstrap.css小,可以以布置网站的下引用,如果引用了之文件,就从未有过必要引用bootstrap.css了,下面的公文一律。

bootstrap的环境至少用3只文本:bootstrap.min.css、jQuery.min.js、bootstrap.min.js,具体代码如下:

<!-- 新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">

<!-- 可选的Bootstrap主题文件(一般不用引入) -->
<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">

<!-- jQuery文件,务必在bootstrap.min.js 之前引入 -->  
<script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

消专注的是:
bootstrap.min.css、jquery.min.js、bootstrap.min.js这三个文本之引入顺序一定不可知烂,一般将jquery.min.js、bootstrap.min.js这片只文件放入HTML网页的不过底部,这么做是为着以防万一网页未加载了要立即点儿单文件先加载可能产生的非必要的问题。

关于字体文件之说明:

只要由网页中使用的字类型,也是各浏览器对字体类型有异的支撑标准。
字体格式类型主要有几乎独雅分类:TrueType、Embedded Open Type
、OpenType、WOFF 、SVG。

TrueType

Windows和Mac系统最常用的书体格式,其无与伦比可怜之特色就是她是由于同种植数学模式来展开定义之因轮廓技术的书体,这叫其于基于矢量的字体更易处理,保证了屏幕与打印输出的一致性。同时,这类字体和矢量字体一样可以擅自缩放、旋转而无需顾虑会产出锯齿。

EOT – Embedded Open Type (.eot)

EOT是嵌入式字体,是微软开支的技巧。允许OpenType字体用@font-face嵌入到网页并生充斥到浏览器渲染,存储于现安装文件夹下。

OpenType (.otf)

OpenType是微软及Adobe共同开发的字体,微软的IE浏览器全部采取这种书。致力为替TrueType字体。

WOFF – Web Open Font Format (.woff)

WOFF(Web开发字体格式)是一模一样栽专门为了Web而计划之书体格式标准,实际上是对TrueType/OpenType等字格式的包裹,每个字文件被蕴含字体和对字体的头数据(Metadata),字体文件被压缩,以便让网络传输。

SVG (Scalable Vector Graphics) Fonts (.svg)

SVG是由W3C制定的放标准的图格式。SVG字体就是用SVG技术来表现书体,还有一样种植gzip压缩格式的SVG字体。使用办法:使用CSS3的@font-face属性可以实现在网页遭到坐任意字体。
但是IE只支持微软打有的EOT格式字体,需要因此书转换工具将其变为EOT格式,其他浏览器都不支持即时无异于字格式,其它浏览器可安装TTF(TrueType)和OTF(OpenType)两栽字体作为自定义字体。

相关文章