Dev

Bootstrap 提供了一些帮助器类，以便更快地实现对移动设备友好的开发。这些可以通过媒体查询结合大型、小型和中型设备，实现内容对设备的显示和隐藏。 需要谨慎使用这些工具，避免在同一个站点创建完全不同的版本。响应式实用工具目前只适用于块和表切换。 Class 设备 .visible-xs 额外的小设备（小于 768px）可见 .visible-sm 小型设备（768 px 起）可见 .visible-md 中型设备（768 px 到 991 px）可见 .visible-lg 大型设备（992 px 及以上）可见 .hidden-xs 额外的小设备（小于 768px）隐藏 .hidden-sm 小型设备（768 px 起）隐藏 .hidden-md 中型设备（768 px 到 991 px）隐藏 .hidden-lg 大型设备（992 px 及以上）隐藏 打印类 .visible-print 可见，可打印 .hidden-print 只对浏览器可见，不可打印 [pcsh lang="php" tab_size="4" ...

Bootstrap 提供了一个清晰的创建表格的布局。下表列出了 Bootstrap 支持的一些表格元素： 标签 描述 <table> 容纳以表格形式显示数据的元素。 <thead> 表格标题行的容器元素（<tr>），用来标识表格列。 <tbody> 表格主体中的表格行的容器元素（<tr>）。 <tr> 一组出现在单行上的表格单元格的容器元素（<td> 或 <th>）。 <td> 默认的表格单元格。 <th> 特殊的表格单元格，用来标识列或行（取决于范围和位置）。必须在 <thead> 内使用。 <caption> 关于表格存储内容的描述或总结。 基本的表格 如果您想要一个只带有内边距（padding）和水平分割的基本表，请添加 class .table 可选的表格类 除了基本的表格标记和 .table class，还有一些可以用来为标记定义样式的类 通过添加 .table-striped clas...

Bootstrap 使用 Helvetica Neue、 Helvetica、 Arial 和 sans-serif 作为其默认的字体栈。使用 Bootstrap 的排版特性，您可以创建标题、段落、列表及其他内联元素。 标题 Bootstrap 中定义了所有的 HTML 标题（h1 到 h6）的样式。 内联子标题 如果需要向任何标题添加一个内联子标题，只需要简单地在元素两旁添加 <small>，或者添加 .small class，这样子您就能得到一个字号更小的颜色更浅的文本，如下面实例所示： 引导主体副本 为了给段落添加强调文本，则可以添加 class="lead"，这将得到更大更粗、行高更高的文本，如下面实例所示： 强调 HTML 的默认强调标签 <small>（设置文本为父文本大小的 85%）、<strong>（设置文本为更粗的文本）、<em>（设置文本为斜体）。 缩写 HTML 元素提供了用于缩写的标记，比如 WWW 或 HTTP。Bootstrap 定义 <abbr> 元素的样式为显示在文本底部的一条虚线边框，...

实际上就是用bootstrap提供的类名 网格选项 下标总结了 Bootstrap 网格系统如何跨多个设备工作： 额外的小设备收集（<768px） 小型设备平板电脑（≥768px） 中型设备台式电脑（≥992px） 大型设备台式电脑（≥1200px） 网格行为 一直是水平的 以折叠开始，断点以上是水平的 以折叠开始，断点以上是水平的 以折叠开始，断点以上是水平的 最大容器宽度 None (auto) 750px 970px 1170px Class 前缀 .col-xs- .col-sm- .col-md- .col-lg- 列 # 12 12 12 12 最大列宽 Auto 60px 78px 95px 间隙宽度 30px （一个列的每边分别 15px） 30px （一个列的每边分别 15px） 30px （一个列的每边分别 15px） 30px （一个列的每边分别 15px） 可嵌套 Yes Yes Yes Yes 偏移量 Yes Yes Yes Yes 列排序 Yes Yes Yes Yes 响应式的列重置 把四层网格...

示例： [pcsh lang=”js” tab_size=”4” message=”” hl_lines=”” provider=”manual”] document.getElementsByTagName("INPUT")[0].setAttribute("type","button"); [/pcsh] setAttribute() 方法添加指定的属性，并为其赋指定的值。 如果这个指定的属性已存在，则仅设置/更改值。 参数 参数 类型 描述 attributename String 必需。您希望添加的属性的名称。 attributevalue String 必需。您希望添加的属性值。  

clear 属性规定元素的哪一侧不允许其他浮动元素。 clear 属性定义了元素的哪边上不允许出现浮动元素。在 CSS1 和 CSS2 中，这是通过自动为清除元素（即设置了 clear 属性的元素）增加上外边距实现的。在 CSS2.1 中，会在元素上外边距之上增加清除空间，而外边距本身并不改变。不论哪一种改变，最终结果都一样，如果声明为左边或右边清除，会使元素的上外边框边界刚好在该边上浮动元素的下外边距边界之下。 可能的值 值 描述 left 在左侧不允许浮动元素。 right 在右侧不允许浮动元素。 both 在左右两侧均不允许浮动元素。 none 默认值。允许浮动元素出现在两侧。 inherit 规定应该从父元素继承 clear 属性的值。 原文地址：http://www.w3school.com.cn/cssref/pr_class_clear.asp

本文将讲述 CSS 中最核心的几个概念，包括：盒模型、position、float等。这些是 CSS 的基础，也是最常用的几个属性，它们之间看似独立却又相辅相成。为了掌握它们，有必要写出来探讨一下，如有错误欢迎指正。 元素类型 HTML 的元素可以分为两种： 块级元素（block level element） 内联元素（inline element 有的人也叫它行内元素） 两者的区别在于以下三点： 块级元素会独占一行（即无法与其他元素显示在同一行内，除非你显式修改元素的 display 属性），而内联元素则都会在一行内显示。 块级元素可以设置 width、height 属性，而内联元素设置无效。 块级元素的 width 默认为 100%，而内联元素则是根据其自身的内容或子元素来决定其宽度。 最常见块级元素应该是 <div> 吧，内联元素有 <span> <a> <img> 等等，完整的元素列表可以谷歌一下。 具体来说一下吧, .example { width: 100px; height: 10...

原文地址：http://www.cnblogs.com/lhb25/archive/2013/01/30/css3-linear-gradient.html 本文照常忽略IE不管，我们主要看看在 Mozilla、Webkit、Opera 下的应用，当然在 IE 下也可以实现，他需要通过 IE 特有的滤镜来实现，在后面会列出滤镜的使用语法，但不会具体介绍如何实用，感兴趣的可以搜索相关技术文档。 一、线性渐变在 Mozilla 下的应用 　　语法： 1 -moz-linear-gradient( [<point> || <angle>,]? <stop>, <stop> [, <stop>]* ) 　　参数：其共有三个参数，第一个参数表示线性渐变的方向，top 是从上到下、left 是从左到右，如果定义成 left top，那就是从左上角到右下角。第二个和第三个参数分别是起点颜色和终点颜色。你还可以在它们之间插入更多的参数，表示多种颜色的渐变。如图所示： 　　 　　根据上面的介绍，我们先来看一...

M方法和D方法都用于实例化一个模型类， M方法 用于高效实例化一个基础模型类， D方法 用于实例化一个用户定义模型类。 如果是如下情况，请考虑使用 M方法： 对数据表进行简单的 CURD 操作而无复杂的业务逻辑时 只有个别的表有较为复杂的业务逻辑时，将 M方法 与实例化 CommonModel 类进行结合使用 M方法 甚至可以简单看着就是对参数表名对应的数据表的操作： $User = M('User'); 如果是如下情况，请考虑使用 D方法： 需要使用 ThinkPHP 模型中一些高级功能如自动验证功能（create()方法中实现）、关联模型等 业务逻辑比较复杂，且涉及的表众多 将业务逻辑定义在了自定义的模型类里面（Lib/Model目录下），而想在操作中实现这些业务逻辑 另外 D方法 不支持跨项目调用，需要使用： 1 2 $User = D('User', 'Admin');    // 实例化 Admin 项目下面的 User 模型  $User = D('Admin.User');        // 启用了项目分组

示例： [pcsh lang=”sql” tab_size=”4” message=”” hl_lines=”” provider=”manual”] alter table `tp_user` change `id` `id` bigint (20) UNSIGNED NOT NULL AUTO_INCREMENT , add primary key (`id` ); [/pcsh]