2017年7月1日
弹出框 popover.js
摘要： 弹出框 popover.js 为任意元素添加一小块浮层，就像 iPad 上一样，用于存放非主要信息。 弹出框的标题和内容的长度都是零的话将永远不会被显示出来。 插件依赖 弹出框依赖 工具提示插件 ，因此，如果你定制了 Bootstrap，一定要注意将依赖的插件编译进去。 插件依赖 弹出框依赖 工具提 阅读全文
posted @ 2017-07-01 15:49 林水 阅读(1496) 评论(0) 推荐(0) 编辑
模态框 modal.js
摘要： 模态框经过了优化，更加灵活，以弹出对话框的形式出现，具有最小和最实用的功能集。 不支持模态框重叠 千万不要在一个模态框上重叠另一个模态框。要想同时支持多个模态框，需要自己写额外的代码来实现。 不支持模态框重叠 千万不要在一个模态框上重叠另一个模态框。要想同时支持多个模态框，需要自己写额外的代码来实现 阅读全文
posted @ 2017-07-01 15:48 林水 阅读(1195) 评论(0) 推荐(0) 编辑
2017年6月25日
关于css阴影和浮动
摘要： 盒子阴影box-shadow box-shadow：0 0 1px #000 inset; 水平 垂直 模糊 颜色 ； [1] inset代表框内阴影,不加inset代表框外阴影 [2]第1个值为0时，代表左右边框阴影为1px范围 第1个值为正整数 代表左边框阴影 第1个值为负整数 代表右边框阴影 阅读全文
posted @ 2017-06-25 22:30 林水 阅读(1135) 评论(0) 推荐(0) 编辑
css文件分类
摘要： 简介 CSS（层叠样式表）是一门历史悠久的标记性语言，同 HTML 一道，被广泛应用于万维网（World Wide Web）中。HTML 主要负责文档结构的定义，CSS 负责文档表现形式或样式的定义。 作为一门标记性语言，CSS 的语法相对简单，对使用者的要求较低，但同时也带来一些问题：CSS 需要 阅读全文
posted @ 2017-06-25 13:42 林水 阅读(672) 评论(0) 推荐(0) 编辑
按钮效果
摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .mybtn{ display: inline-block; padding: 5px 8px; border: .5p 阅读全文
posted @ 2017-06-25 13:38 林水 阅读(176) 评论(0) 推荐(0) 编辑
二级导航栏
摘要： 像这样，一个菜单横向菜单就建好了，下来我们给栏目一，栏目二，栏目三，添加二级下拉菜单 <div class="nav"> <ul> <li><a href="#">栏目一</a> <ul> <li><a href="#">二级栏目</a></li> <li><a href="#">二级栏目</a>< 阅读全文
posted @ 2017-06-25 13:35 林水 阅读(246) 评论(0) 推荐(0) 编辑
在CSS3中，可以利用transform功能来实现文字或图像的旋转、缩放、倾斜、移动这四种类型的变形处理
摘要： CSS3中的变形处理(transform)属 CSS3中的变形处理(transform)属 transform的功能分类 1.旋转 transform:rotate(45deg); 该语句使div元素顺时针旋转45度。deg是CSS 3的“Values and Units”模块中定义的一个角度单位。 阅读全文
posted @ 2017-06-25 13:32 林水 阅读(4940) 评论(0) 推荐(0) 编辑
2017年6月23日
CSS3背景定位 background-origin
摘要： background-size　大小 语法 background-size ：[ <length> | <percentage> | auto ]{1,2} | cover | contain <length>： 由浮点数字和单位标识符组成的长度值。不可为负值。 <percentage>： 取值为0 阅读全文
posted @ 2017-06-23 00:34 林水 阅读(172) 评论(0) 推荐(0) 编辑
什么是优雅降级和渐进增强
摘要： 优雅降级和渐进增强印象中是随着css3流出来的一个概念。由于低级浏览器不支持css3，但css3的效果又太优秀不忍放弃，所以在高级浏览中使用css3而低级浏览器只保证最基本的功能。咋一看两个概念差不多，都是在关注不同浏览器下的不同体验，关键的区别是他们所侧重的内容，以及这种不同造成的工作流程的差异。 阅读全文
posted @ 2017-06-23 00:30 林水 阅读(170) 评论(0) 推荐(0) 编辑
2017年6月22日
居中
摘要： 普通div和html混写可以这样写，设置 text-align:center， margin:0px auto 最简单的方法就是 把你的body这样设置： <body style="text-align:center;"><div style="margin:0px auto"></div> </b 阅读全文
posted @ 2017-06-22 13:14 林水 阅读(88) 评论(0) 推荐(0) 编辑