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