代码改变世界

垂直水平居中的代码

2017-06-24 17:59 by 囍呆, 335 阅读, 0 推荐, 收藏, 编辑
摘要:(1):text-align + line-height实现单行文本水平垂直居中 (4):margin-left或margin-right <style> 阅读全文

Less语法、变量

2017-06-19 10:38 by 囍呆, 2388 阅读, 0 推荐, 收藏, 编辑
摘要:LESS 允许开发者自定义变量,变量可以在全局样式中使用,变量使得样式修改起来更加简单。例如: @border-color : #b5bcc7; .mythemes tableBorder{ border : 1px solid @border-color; } 经过编译生成的 CSS 文件如下: 阅读全文

Less学习内容2

2017-06-19 10:24 by 囍呆, 131 阅读, 0 推荐, 收藏, 编辑
摘要:Less嵌套的规则 在我们书写标准 CSS 的时候,遇到多层的元素嵌套这种情况时,要么采用从外到内的选择器嵌套定义,要么采用给特定元素加 CLASS 或 ID 的方式。 a { color: red; text-decoration: none; &:hover { color: black; te 阅读全文

Less的学习内容

2017-06-19 10:17 by 囍呆, 171 阅读, 0 推荐, 收藏, 编辑
摘要:LESS 为 Web 开发者带来了福音,它在 CSS 的语法基础之上,引入了变量,Mixin(混入),运算以及函数等功能,大大简化了 CSS 的编写,并且降低了 CSS 的维护成本, 就像它的名称所说的那样,LESS 可以让我们用更少的代码做更多的事情。 LESS 包含一套自定义的语法及一个解析器, 阅读全文

学习内容3

2017-06-12 12:12 by 囍呆, 129 阅读, 0 推荐, 收藏, 编辑
摘要:JavaScript 插件的学习 JavaScript 插件可以单个引入(使用 Bootstrap 提供的单个 *.js 文件),或者一次性全部引入(使用 bootstrap.js 或压缩版的 bootstrap.min.js)。 模态框,模态框经过了优化,更加灵活,以弹出对话框的形式出现,具有最小 阅读全文

学习内容2

2017-06-12 12:01 by 囍呆, 175 阅读, 0 推荐, 收藏, 编辑
摘要:输入框组,通过在文本输入框 <input> 前面、后面或是两边加上文字或按钮,可以实现对表单控件的扩展。为 .input-group 赋予.input-group-addon 类,可以给 .form-control 的前面或后面添加额外的元素。 为 .input-group 中所包含的元素应用工具提 阅读全文

学习内容

2017-06-12 11:52 by 囍呆, 215 阅读, 0 推荐, 收藏, 编辑
摘要:这段时间学习了字体图标,按钮组,下拉菜单,模态框等一些常用的组件。 下拉菜单,要有一个下拉的效果,一个Dropdown按钮和右侧有个小图标caret,这个小图标和按钮的文本是平级的。 button按钮中有个dropdown-tooggle,还有一个data-toggle属性,根据这个属性来弹出下拉列 阅读全文