我想说,我要被逼成前端了。 之前没接触过响应式,这两天和另一位前端程序媛小小的研究了下。做了一个小例子,记录一下,方便以后使用。 ...
分类:
其他好文 时间:
2019-09-25 10:45:23
阅读次数:
285
Bootstrap Bootstrap介绍 Bootstrap是Twitter开源的基于HTML、CSS、JavaScript的前端框架。 它是为实现快速开发Web应用程序而设计的一套前端工具包。 它支持响应式布局,并且在V3版本之后坚持移动设备优先。 ? 就是复制黏贴一把梭,html\css\js ...
分类:
其他好文 时间:
2019-09-23 10:28:44
阅读次数:
106
[TOC] bootstrap Bootstrap是Twitter开源的基于HTML、CSS、JavaScript的前端框架。 它是为实现快速开发Web应用程序而设计的一套前端工具包。 它支持响应式布局,并且在V3版本之后坚持移动设备优先。 优点:各种命名都统一并且规范化。 页面风格统一,画面和谐。 ...
分类:
其他好文 时间:
2019-09-21 19:22:44
阅读次数:
105
响应式布局概念 Responsive design,指实现不同屏幕分辨率的终端上浏览网页的不同展示方式。通过响应式设计能使网站在手机和平板电脑上有更好的浏览阅读体验。就是一个网站能够兼容多个终端,而不是为了每个终端而定制一个版本。 相对而言还存在一种解决不同终端页面布局显示的自适应式布局。自适应布局 ...
分类:
其他好文 时间:
2019-09-15 01:03:00
阅读次数:
116
一、前端 1.Bootstrap (前端页面样式模板,直接复制修改即可) Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架,用于开发响应式布局、移动设备优先的 WEB 项目 网址: https://v3.bootcss.com/ 方式一: 方式二 CDN: 2.Font Aweso ...
分类:
其他好文 时间:
2019-09-14 14:14:31
阅读次数:
116
.container 类用于固定宽度并支持响应式布局的容器。 .container-fluid 类用于 100% 宽度,占据全部视口(viewport)的容器。 效果图 sweetalert下载地址 各种图片下载地址 ...
分类:
其他好文 时间:
2019-09-12 21:02:05
阅读次数:
64
Bootstrap介绍 Bootstrap是Twitter开源的基于HTML、CSS、JavaScript的前端框架。 它是为实现快速开发Web应用程序而设计的一套前端工具包。 它支持响应式布局,并且在V3版本之后坚持移动设备优先。 为什么要使用Bootstrap? 在Bootstrap出现之前: ...
分类:
其他好文 时间:
2019-09-11 17:47:06
阅读次数:
101
通过单个外联样式,CSS3的@media 媒体类型设置不同的屏幕宽度范围 选用不同的CSS样式 HTML代码 CSS代码 当宽度大于960px的效果图 当宽度小于960px但大于600px时的效果图 当宽度小于600px的效果图 不明白的地方可以留言 ...
分类:
Web程序 时间:
2019-09-06 09:24:25
阅读次数:
118
一、静态布局(Static Layout)即传统Web设计,网页上的所有元素的尺寸一律使用px作为单位。1、布局特点:不管浏览器尺寸具体是多少,网页布局始终按照最初写代码时的布局来显示。常规的pc的网站都是静态(定宽度)布局的,也就是设置了min-width,这样的话,如果小于这个宽度就会出现滚动条 ...
分类:
其他好文 时间:
2019-09-04 19:18:22
阅读次数:
126
Bootstrap学习总结 @ "TOC" Bootstrap介绍 什么是bootstrap? 1. Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架,用于开发响应式布局、移动设备优先的 WEB 项目。 2. 特点就是灵活简洁,代码优雅,美观大方; 3. 其目的是为了让Web开发更 ...
分类:
其他好文 时间:
2019-09-03 19:26:39
阅读次数:
113