基于HTML5与CSS3前端框架设计与应用研究.pdfVIP

1.Bootstrap前端框架

基于HTML5，CSS3，JQuery的框架，所以其中使用了很多新的特性和新，

如：autofocus,autocomplete，ceholder，nav,

框架已经构建了很多独立的组件及相应的样式，只需要在使用时参考即可，无需特

殊的技术支撑

1)基本代码

2)基本组件

a)表单

b)按钮

1.Bootstrapfront-end

framework

BasedontheframeworkofHTML5,CSS3,JQuery,itusesmanynew

featuresandnewtags,suchas:autofocus,autocomplete,ceholder,

nav,

Theframeworkhasalreadybuiltmanytcomponentsand

correspondingsty.Youonlyneedtorefertothemwhenusingthem.

Nospecialtechnicalsupportisrequired.

1)Basiccode

2)Basic

components

a)form

b)button

c)表格

d)下拉菜单

2.字体图标

1)普通不能很好地进行缩放，当进行放大时会失真

（即变模糊），当进行缩小时就会浪费掉像素。而且加载每一张都需

要一次“http请求”，因此也拖慢了整个加载页面的时间。

2)后来出现了CSSSprites，也有人叫它CSS精灵，是一种CSS图像合并技术，

该方法是将小图标和背景图像合并到一张上，然后利用css的背景定位来

显示需要显示的部分。

但是如果没有编辑器（软件）的话就很难对进行编辑、处理等操作。

3)字体就不会有以上这些问题，字体可以进行随意缩放并且每一个字符都不需要进

行额外的“http请求”。

使用一些特定的工具，设计出图形的字体，就可以在网页中用字体的方式展示

c)Form

d)Drop-down

menu

2.Fonticon

1)Ordinarywebsannotbescal