Font Awesome为您提供可缩放的矢量图标，您可以使用CSS所提供的所有特性对它们进行更改，包括：大小、颜色、阴影或者其它任何支持的效果。 一个字库，585个图标 仅一个Font Awesome字库，就包含了与网页相关的所有形象图标。 无需依赖JavaScript Font Awesome完全不依赖JavaScript，因此无需担心兼容性。 无限缩放 无论在任何尺寸下，可缩放的矢量图形都会为您呈现出完美的...
1，列表 .unstyled(无样式列表),.dl-horizontal（dl列表水平排列） 2，代码 code（行级）,pre（块级），.pre-scrollable(显示滚动条), 显示行号和美化： .prettyprint,.linenums 3，表格 .table(基础样式) .table-bordered(样式边框) , .table-striped(间隔效果) , .table-condensed(缩小表格) 4，表单 .from-inline(所有元素在一列) , .form-horizontal（没一横排一个表单项） 5，按钮 .btn(基础样式) , .bt...
拼图响应式前端框架版响应式后台正式发布。 考虑到目前拼图的状况，我们不打算免费开放下载，但也不会收各位朋友1分钱，该版后台将有偿提供给各位给予拼图贡献的朋友。 废话不多说，一切皆以有图有真相，下面上图，欢迎各种果断围观，各种喷。 1，首先我们先看下，功能机（ldpi 320x442）分辨率下的效果。 2，然后我们再通过拼图响应式测试工具直接查看不同设备下该款后台的样子。 http://www.pintuer.com/tools/...
1、标签 标签练习（锚点设置）让下面所有文字的size都为5字体加粗方式1b标签字体加粗方式2strong标签字体倾斜方式1i标签字体倾斜方式2em标签字体加下划线u标签居中显示center标签分段显示p标签空 格是NBspace回车是br标签或br斜杠标签（图片层标签）中国人民解放军总参谋部（层标签）成功者总是不约而同的配合时代的需要，有序列表ol标签每一行都是li标签这是第二行第三行第四行，自带序号无序列表ul标签每一行都...
@charset utf-8;*{margin:0;padding:0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-text-size-adjust:none; } /* highlight equal to outline,only dose it has a effect in google chrome lite browser */*:focus,*:active {outline:none;}html, body { height:100%;}body{ width: 100%;font-family: \...
前面的话 框架已经被废弃，而内嵌框架依然在使用。 框架 通过使用框架，可以在同一个窗口显示不止一个页面。每份HTML文档称为一个框架，并且每个框架都独立于其他的框架。 框架结构标签(也称为框架集)定义如何将窗口分割成框架，每个frameset定义了一系列行或列 [注意]不能将标签与标签同时使用 【属性】 cols 定义框架集列的数目和尺寸 rows 定义框架集行的数目和...
前端开发是一项非常繁琐的工作，你不仅需要拥有和别人不一样的审美观和设计观，而且需要了解诸如HTML、CSS、JavaScript等错综复杂的技术，因此选择一些优秀的CSS框架或许可以帮助你大大提高工作效率。本文向你推荐了9个还不错的CSS框架，希望对你有所帮助。 1、Twitter开源杰作 – Bootstrap Bootstrap是一款由Twitter推出的开源CSS框架，它的核心是由一系列用于Web前端开发的工具包组成。Bootstrap基于HTML、CSS和JavaScrip...
Foundation 6 让您的项目从原型到成平比以往任何时候都更有效！它包括了广泛的模块和灵活的组件。这些多功能就像轻便的积木，可以很容易地把你的想法实现。所有的代码片段支持ARIA属性和作用以及如何正确使用这些组件的说明。 在线演示 源码下载
在开头也是先给大家道个歉，由于最近准备婚事导致这篇文章耽误了许久，同时也谢谢老婆大人对我的支持。 回顾上篇文章，我们重造了一个controller，这个controller中用到了视图引擎，我们的视图引擎虽然也叫Razor，但此Razor非mvc中的Razor，MVC中的Razor同样依赖于HttpContext,我们实现的Razor借用 RazorEngine 。关于 RazorEngine的更多介绍请参阅http://antaris.github.io/RazorEngine/。 在上篇文章中无论是View方法还是...
上一篇文章，大家对于ReactMix( https://github.com/xueduany/react-mix )框架有了一个基本认识，知道我们是一个语法糖，帮助大家基于一套代码，所有平台都能跑。那么今天就是来实战一下，写一个所有平台都能跑的页面出来。 首先我们要准备了解的基本知识如下，在H5开发中，我们的页面布局方式有 1. 默认布局（块状元素和内联元素） 2. 浮动布局（Float） 3. 定位布局（position: relative, absolute, top, left, rig...
一批简而精小的CSS框架，适用于平时网站使用。 min min, the smallest CSS framework on this list, has a responsive 12-column grid system, button styles, table styles, Android-compatible icons, and more. min even supports ancient browsers like Internet Explorer 5.5. Milligram Milligram is for modern UIs — its grid system uses FlexBox, sizes and lengths use the rem unit, an...
脚手架 脚手架并不是一个新想法，但很多人（包括我自己）都是通过Ruby才接触到这个概念的。这个想法很简单：大多数项目都需要一定数量的“套路化”代码，谁会想每次开始新项目时都重新写一次这些代码呢？对此有个简单的方法，那就是创建一个通用的项目骨架，每次开始新项目时，只需复制这个骨架，或者说是模板。 RoR把这个概念向前推进了一步，它提供了一个可以自动生成脚手架的程序。相对于从一堆模板中作出选择，这种方式...
/* reset */html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}table{border-collapse:collapse;border-spacing:0;}caption,th{text-align:left;font-weight:normal;}html,body,fieldset,img,ifra...
/* function */.f-cb:after,.f-cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}.f-cb,.f-cbli li{zoom:1;}.f-ib{display:inline-block;*display:inline;*zoom:1;}.f-dn{display:none;}.f-db{display:block;}.f-fl{float:left;}.f-fr{float:right;}.f-pr{position:relative;}.f-prz{position:relative;zoom:1;}.f-oh{overflow:hidden;}.f-ff0{font-family:arial,\5b8b\4f53;}.f-...
/* animation *//* 淡入 */.a-fadein{-webkit-animation-name:fadein;-moz-animation-name:fadein;-ms-animation-name:fadein;animation-name:fadein;}/* define *//* 淡入 */@-webkit-keyframes fadein{ 0%{opacity:0;} 100%{opacity:1;}}@-moz-keyframes fadein{ 0%{opacity:0;} 100%{opacity:1;}}@-ms-keyframes fadein{ 0%{opacity:0;} 100%{opacity:1;}}@keyframes fadein{ 0%{opacity:0;} 100%{opacity:1;}}