布局类别 固定网页布局:设置固定宽度,px为单位。常见PC端页面。 流式布局+伸缩布局+rem+媒体查询:设置相对宽度,%为单位。适配移动页面。 响应式布局:检测设备信息决定布局方式。一般通过检测设备的宽度。适合结构简单的页面。(比如公司宣传页面、个人博客) 栅格化布局:css框架Bootstrap ...
分类:
其他好文 时间:
2019-10-06 11:44:17
阅读次数:
84
CSS框架 -- Bootstrap CSS框架 -- Font Awesome ...
分类:
其他好文 时间:
2019-07-11 22:07:06
阅读次数:
128
问题: Bootstrap 是Web上最流行的CSS框架。它使创建漂亮,响应迅速的设计非常容易。 但是,有时候并不希望在整个网站上使用 Bootstrap,您只需要使用Bootstrap CSS的一部分。 如果只是将 Bootstrap CSS 直接添加到 head 中,就有可能会与其他的 CSS ...
分类:
Web程序 时间:
2019-07-10 01:16:41
阅读次数:
510
一、真实DOM和其解析流程? 浏览器渲染引擎工作流程都差不多,大致分为5步,创建DOM树——创建StyleRules——创建Render树——布局Layout——绘制Painting 第一步,用HTML分析器,分析HTML元素,构建一颗DOM树(标记化和树构建)。 第二步,用CSS分析器,分析CSS ...
分类:
其他好文 时间:
2019-06-15 20:16:51
阅读次数:
262
1.easyui是js框架 ;bootstrap 是css框架 ,bootstrap = 样式库 + 一堆jQuery插件,顺便解释一句,如果你只需要bootstrap的样式,你完全不用引入jQuery和bootstrap的js文件。2.通常来看 bootstrap 适合做WEB前端、网站类项目,B ...
分类:
Web程序 时间:
2019-04-08 17:22:21
阅读次数:
240
此前有网友反馈,主机排行网在移动端表现太丑了,希望我改改,今天周末,我专门花了两个多小时来好好把移动短整治了一下,比以前好看多了。 对比改变 对比一下吧,下图是前版本的主机排行网: 新版效果: 本次修改的过程 我此前也从没真正做过移动端适配的事情,只是初步了解是通过媒体查询来做的,即当浏览器界面满足 ...
分类:
移动开发 时间:
2019-03-31 18:08:05
阅读次数:
139
今天开始学习网页风格和设计,就像python有Web框架一样,也有一些CSS框架。对于CSS框架,我们可以使用默认的样式,也可以在原基础上编辑修改。本教程使用的是materialize这个CSS框架[1],首页界面如下: 点解GET STARTED,我们可以把它下载到本地使用,也可以直接复制相应的链 ...
分类:
移动开发 时间:
2019-02-23 12:19:26
阅读次数:
224
Laravel 如何引入 Bootstrap 如官方文档所言,Laravel 并不强制你使用 CSS 框架,但是开箱提供了对 Bootstrap 的支持,在 resources/js/bootstrap.js(在 Laravel 5.7 之前的版本位于 resources/assets/js/boo ...
分类:
其他好文 时间:
2019-01-17 19:49:01
阅读次数:
244
使用 LESS 简化层叠样式表(CSS)的编写 https://less.bootcss.com/ Sass完全兼容所有版本的CSS ...
分类:
Web程序 时间:
2018-11-21 12:21:46
阅读次数:
227
概述 实际开发中讲求效率,所以需要熟练地使用前端框架来实现需求 而原生是基础,亦需要重视 bootstrap轮播图 Carousel.js 使用bootstrap的轮播图需要引入其css和js,bootstrap所有js插件都依赖jquerey,所以jquery需要在bootstrap·.js前引入 ...
分类:
其他好文 时间:
2018-11-11 01:06:24
阅读次数:
161