--活着,得做点儿什么。
Life is sail trip full of chances and challenges.

摘要: 什么是 Viewport? viewport 是用户网页的可视区域。 viewport 翻译为中文可以叫做"视区"。 手机浏览器是把页面放在一个虚拟的"窗口"(viewport)中,通常这个虚拟的"窗口"(viewport)比屏幕宽,这样就不用把每个网页挤到很小的窗口中(这样会破坏没有针对手机浏览器 阅读全文
posted @ 2016-12-31 10:26 小尾巴的梦 阅读(160) 评论(0) 推荐(0) 编辑
摘要: jQuery 插件为 Bootstrap 的组件赋予了“生命”。可以简单地一次性引入所有插件,或者逐个引入到你的页面中。 一:首先要确认的是,单个还是全部引入: JavaScript 插件可以单个引入(使用 Bootstrap 提供的单个 *.js 文件),或者一次性全部引入(使用 bootstra 阅读全文
posted @ 2016-12-15 16:08 小尾巴的梦 阅读(961) 评论(0) 推荐(0) 编辑
摘要: 一.基本网页模板,一般包括六大部分文档: 在你的文件夹中一般包含六个文档:index.html、css、js、img、lib(前提是你已经学过了bootstrap)、fonts (在这只简单介绍一下,后续会把每个部分所涉及到的有关内容写出与你分享) (一) . index.html(结构框架--结构 阅读全文
posted @ 2016-12-15 12:41 小尾巴的梦 阅读(631) 评论(0) 推荐(0) 编辑
摘要: ---------------------------------------栅格系统:是bootstrap提供的响应式布局方式-------------------------------------------- 栅格系统的核心:就是把容器container划分12等分,也就是版心被划分12等份。 下面的介绍也是以bootstrap中全局css样式;详情可观看http://v3.bootcss... 阅读全文
posted @ 2016-12-14 09:10 小尾巴的梦 阅读(625) 评论(1) 推荐(3) 编辑
摘要: 提要:下载:http://www.bootcss.com/ 是boot的官网,文档是英文的 中文的官方网站:v3.bootcss.com 将来会不断更新,目前是3版 一.下载步骤: 具体详情请参考上面网站,其会提示具体怎么使用,在这就简单一说,大概就是以下这样的方法 共勉 阅读全文
posted @ 2016-12-14 07:40 小尾巴的梦 阅读(1602) 评论(0) 推荐(1) 编辑
摘要: 曾经认真书写的笔记啊,别来无恙啊 一.对于Bootstrap框架是什么 其实, BootStrap,最早的时候是两个单词的合成。现在呢,成为专有名词Bootstrap,它是一个快速开发web应用程序和网站的前端框架。 二.至于为什么要学bootstrap,且其发展为何如此火爆迅猛呢?哈、、万事都有其 阅读全文
posted @ 2016-12-13 22:58 小尾巴的梦 阅读(167) 评论(0) 推荐(0) 编辑
摘要: 关于动画的基础属性: 动画结束后的状态 是否保留动画效果 animation-fill-mode: forwards;无限次播放animation-iteration-count:infinite;动画延时animation-delay:1s;动画暂停animation-play-state: pa 阅读全文
posted @ 2016-12-13 22:47 小尾巴的梦 阅读(115) 评论(0) 推荐(0) 编辑
摘要: 今天整理一下有关滚动的进度条,希望对努力的你有所帮助 个人觉得可以有很多种写法,就先在这里留下两种简单方法。下面所说的滚动条是滚动的进度条简写。 1:动画方法(背景定位) 先给进度条设置样式,在设置背景大小的时候,要注意这里设置的大小要和滚动条的长度 是倍数关系 background-size:*p 阅读全文
posted @ 2016-12-13 22:39 小尾巴的梦 阅读(257) 评论(0) 推荐(0) 编辑
摘要: bootstrap: 是目前最受欢迎的前端框架,并基于HTML、CSS、JavaScript 等,而且他是为了适应并兼容各个电子设备,是对媒体查询的封装。 1.什么是媒体查询 他 是响应式布局的方法之一,使我们的网页适配于各种设备。 2.媒体查询的写法和格式 思想:使用分割法分析和解决问题 (1)首 阅读全文
posted @ 2016-12-13 16:22 小尾巴的梦 阅读(181) 评论(0) 推荐(0) 编辑