摘要:
Flex弹性盒布局 一、 Flex的发展史 Flex弹性盒布局 一、 Flex的发展史 二、 定义 它能够更加高效方便的控制元素的对齐、排列 可以自动计算布局内元素的尺寸,无论这个元素的尺寸是固定的还是动态的 控制元素在页面的布局方向 按照不同于DOM[文档对象模型] 所指定排序方式对屏幕上的元素重 阅读全文
摘要:
Flex弹性盒布局 一、 Flex的发展史 Flex弹性盒布局 一、 Flex的发展史 2009年W3C 提出概念,但是官方没有flex这个词 2011年浏览器厂商决定使用flexbox,来形容它的布局特点 二、 定义 Flex是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提 阅读全文
摘要:
自适应和响应式布局 一、 自适应 自适应主要是指的宽度的自适应 百分比的流式布局 二、 swiper插件 纯javascript打造的滑动特效插件,面向手机、平板电脑等移动终端 能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果 加载插件 swiper.min.js和swiper.min.cs 阅读全文
摘要:
自适应和响应式布局 一、 自适应 自适应主要是指的宽度的自适应 百分比的流式布局 二、 swiper插件 纯javascript打造的滑动特效插件,面向手机、平板电脑等移动终端 能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果 加载插件 swiper.min.js和swiper.min.cs 阅读全文
摘要:
移动端基础 一、前端基础 -o-transform:rotate(7deg); // Opera -ms-transform:rotate(7deg); // IE -moz-transform:rotate(7deg); // Firefox -webkit-transform:rotate(7d 阅读全文
摘要:
移动端基础 一、前端基础 -o-transform:rotate(7deg); // Opera -ms-transform:rotate(7deg); // IE -moz-transform:rotate(7deg); // Firefox -webkit-transform:rotate(7d 阅读全文
摘要:
BootStrap插件 一、data 属性 你可以仅仅通过 data 属性 API 就能使用所有的 Bootstrap 插件,无需写一行 JavaScript 代码。 关闭: $(document).off('.data-api') 如需关闭一个特定的插件,在 data-api 命名空间前加上该插件 阅读全文
摘要:
BootStrap插件 一、data 属性 你可以仅仅通过 data 属性 API 就能使用所有的 Bootstrap 插件,无需写一行 JavaScript 代码。 关闭: $(document).off('.data-api') 如需关闭一个特定的插件,在 data-api 命名空间前加上该插件 阅读全文
摘要:
BootStrap组件 一、按钮 二、表格 基本表格 table.table>caption+(thead>tr>th*n)+tbody>((tr>td*n))*n table.table>caption+(thead>tr>th*n)+tbody>tr*n>td*n 可选的表格类1:条纹表格 ta 阅读全文
摘要:
BootStrap组件 一、按钮 二、表格 三、表单 垂直表单(默认) 内联表单 水平表单 向父 <form> 元素添加 role="form" 把标签和控件放在一个带有 class .form-group 的 <div> 中。这是获取最佳间距所必需的 向所有的文本元素 <input>、<texta 阅读全文
摘要:
BootStrap布局 一、BootStrap布局 CSS组件主要包括栅格系统、列表组、进度条、icon图标、导航栏等组件。 JavaScript插件主要有动画效果、窗体模式、下拉菜单、选项卡等 二、网格系统 Bootstrap内置了一套响应式、移动优先的流式栅格系统,随着屏幕设备或可视窗口(vie 阅读全文
摘要:
BootStrap布局 一、BootStrap布局 CSS组件主要包括栅格系统、列表组、进度条、icon图标、导航栏等组件。 JavaScript插件主要有动画效果、窗体模式、下拉菜单、选项卡等 二、网格系统 Bootstrap内置了一套响应式、移动优先的流式栅格系统,随着屏幕设备或可视窗口(vie 阅读全文
摘要:
BootStrap入门 一、BootStrap简介 历史:由Twitter 的 Mark Otto 和 Jacob Thornton 开发的。Bootstrap 是 2011 年八月在 GitHub 上发布的开源产品 为什么要使用BootStrap 移动设备优先:自 Bootstrap 3 起,框架 阅读全文
摘要:
BootStrap入门 一、BootStrap简介 历史:由Twitter 的 Mark Otto 和 Jacob Thornton 开发的。Bootstrap 是 2011 年八月在 GitHub 上发布的开源产品 为什么要使用BootStrap 移动设备优先:自 Bootstrap 3 起,框架 阅读全文