2017年7月12日
变量
摘要： 变量是一段有名字的连续存储空间。在源代码中通过定义变量来申请并命名这样的存储空间，并通过变量的名字来使用这段存储空间。 变量是程序中数据的临时存放场所。在代码中可以只使用一个变量，也可以使用多个变量，变量中可以存放单词、数值、日期以及属性。 声明变量： 声明多个变量时，使用逗号分隔变量。例如： Di 阅读全文
posted @ 2017-07-12 20:42 林水 阅读(148) 评论(0) 推荐(0) 编辑
运算符的分类用法
摘要： 运算符优先级 运算符优先级指定了两个表达式绑定得有多“紧密”。例如，表达式 1 + 5 * 3 的结果是 16 而不是 18 是因为乘号（“*”）的优先级比加号（“+”）高。必要时可以用括号来强制改变优先级。例如：(1 + 5) * 3 的值为 18。如果运算符优先级相同，则使用从左到右的左联顺序。 阅读全文
posted @ 2017-07-12 20:40 林水 阅读(132) 评论(0) 推荐(0) 编辑
2017年7月4日
弹性盒子
摘要： 弹性盒子是 CSS3 的一种新的布局模式。 CSS3 弹性盒（ Flexible Box 或 flexbox），是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。 引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。 浏 阅读全文
posted @ 2017-07-04 20:06 林水 阅读(119) 评论(0) 推荐(0) 编辑
CSS选择器的权重与优先规
摘要： 我们把特殊性分为4个等级，每个等级代表一类选择器，每个等级的值为其所代表的选择器的个数乘以这一等级的权值，最后把所有等级的值相加得出选择器的特殊值。 4个等级的定义如下： 第一等：代表内联样式，如: style=””，权值为1000。 第二等：代表ID选择器，如：#content，权值为100。 第 阅读全文
posted @ 2017-07-04 19:55 林水 阅读(196) 评论(0) 推荐(0) 编辑
2017年7月1日
表格
摘要： 为任意 <table> 标签添加 .table 类可以为其赋予基本的样式 — 少量的内补（padding）和水平方向的分隔线。这种方式看起来很多余！？但是我们觉得，表格元素使用的很广泛，如果我们为其赋予默认样式可能会影响例如日历和日期选择之类的插件，所以我们选择将此样式独立出来。 条纹状表格 通过  阅读全文
posted @ 2017-07-01 15:54 林水 阅读(139) 评论(0) 推荐(0) 编辑
栅格系统
摘要： Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列。它包含了易于使用的预定义类，还有强大的mixin 用于生成更具语义的布局。 简介 栅格系统用于通过一系列的行（row）与列（column）的组合来创建页面布局，你 阅读全文
posted @ 2017-07-01 15:53 林水 阅读(228) 评论(0) 推荐(0) 编辑
表单
摘要： 单独的表单控件会被自动赋予一些全局样式。所有设置了 .form-control 类的 <input>、<textarea> 和 <select> 元素都将被默认设置宽度属性为 width: 100%;。 将 label 元素和前面提到的控件包裹在 .form-group 中可以获得最好的排列。 Em 阅读全文
posted @ 2017-07-01 15:53 林水 阅读(263) 评论(0) 推荐(0) 编辑
按钮
摘要： 针对组件的注意事项 虽然按钮类可以应用到 <a> 和 <button> 元素上，但是，导航和导航条组件只支持 <button> 元素。 针对组件的注意事项 虽然按钮类可以应用到 <a> 和 <button> 元素上，但是，导航和导航条组件只支持 <button> 元素。 链接被作为按钮使用时的注意事 阅读全文
posted @ 2017-07-01 15:52 林水 阅读(137) 评论(0) 推荐(0) 编辑
图片
摘要： 在 Bootstrap 版本 3 中，通过为图片添加 .img-responsive 类可以让图片支持响应式布局。其实质是为图片设置了 max-width: 100%; 和 height: auto; 属性，从而让图片在其父元素中更好的缩放。 SVG 图像和 IE 8-10 在 Internet E 阅读全文
posted @ 2017-07-01 15:52 林水 阅读(107) 评论(0) 推荐(0) 编辑
排版
摘要： HTML 中的所有标题标签，<h1> 到 <h6> 均可使用。另外，还提供了 .h1 到 .h6 类，为的是给内联（inline）属性的文本赋予标题的样式。 h1. Bootstrap heading Semibold 36px h2. Bootstrap heading Semibold 30px 阅读全文
posted @ 2017-07-01 15:51 林水 阅读(142) 评论(0) 推荐(0) 编辑