Bootstrap
Surpass-oneself
web前端小白,希望在这里和大家一起学习、分享自己的知识、共同进步。
展开
-
有关CSS中媒体查询的知识点讲解
在有关bootstrap的文章中简单介绍了媒体查询的用法。但是可能很多人还是不太理解所以这里认真说一下。我们知道我们的PC端口和移动端口的屏幕大小不一致,如何显示一样的效果呢?如果不进行规定和设置,一旦设备的屏幕宽度发生了变化我们的网页也就完全变了样子。布局被打乱。所以我们引入虚拟的浏览器视口就是viewport为啥是虚拟的呢?我们手机不就那么大吗?所谓虚拟就是把手机的浏览器的宽度加大,然后按照规...原创 2018-04-20 19:54:54 · 317 阅读 · 0 评论 -
bootstrap案例解析
一、由于案例比较长我们先简单分析首页中header 部分的制做情况。<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="utf-8">二、下面表示用最新的的浏览器解析网站代码,为了保证网站解析效果的完整性 <meta http-equiv="X-UA-Compatible原创 2018-04-20 22:29:25 · 1283 阅读 · 0 评论 -
响应式框架简单知识介绍
响应式框架英文 respond layout意在实现不同屏幕分辨率的终端上浏览网页的不同展示方式。通过响应式设计能使网站在手机和平板电脑上有更好的浏览阅读体验。一、出现的背景在移动互联日益成熟的时候,我们在桌面浏览器上开发的网页已经无法满足移动设备的阅读。通常的做法是针对移动端单独做一套特定的版本。但是如果终端越来越多那么你需要开发的版本就会越来越多(大屏移动设备普及)。那么Ethan Marco...原创 2018-04-21 15:48:46 · 2037 阅读 · 0 评论 -
有关bootstrap入门的知识讲解
一、boostrap是做什么用的,我们需要用它来做什么?bootstrap就是一个框架集合,集合我们常用的工程组件。让我们不用做重复性质的工作。比如它封装了常用的导航样式、按钮样式、轮播图等等。我们需要做的是引入boostrap然后利用现有的功能组件,组合成我们想要的效果。二、 bootstrap的组成部分介绍基础CSS样式概要预置排版样式统一预制标签样式按钮样式表格样式表单样式图片样式辅助工具类...原创 2018-04-21 16:23:17 · 216 阅读 · 0 评论 -
normalize.css&reset.css区别
normalize.css是外部的插件,是bootstrap引用的功能<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><b原创 2018-04-21 16:35:48 · 213 阅读 · 0 评论