# 一、bootstrap的部分组件的使用1. 栅格系统 - row - col-n（1~12） - 每行最多显示12列，超出会换行 - row自带弹性盒属性 - 可以给某个列使用margin抵消空白列 2. 屏幕断点 - sm，md，lg，xl 3. 表格 - 尽量有thead - 每行颜色不一致 ...
分类：
其他好文 时间：
2020-06-03 00:22:17
阅读次数：
56
CSS三个大核心模块：盒模型、浮动和定位，其余的都是细节。网页布局就是把网页元素（文字，图片等）资源放入盒子里，利用CSS合理摆放盒子的过程。说明盒模型就是把HTML页面中的元素看成是一个个矩形的盒子，里面装着内容的容器。每个矩形都由元素的内容（content）、内边距（padding）、边框（border）和外边距（margin）组成。盒子模型在网页中，每个盒子都是大小不等的矩形框，除了有自己大
分类：
Web程序 时间：
2020-06-02 09:37:44
阅读次数：
73
行间元素的特点： （1）不独占一行 （2）宽度与高度由标签中的内容撑开 （3）设置的width、height、margin-top、margin-bottom样式无效，padding-top、padding-bottom不占据空间 （4）行间元素与行间元素之间，如果存在换行或空格间隙，就会产生一个空 ...
分类：
其他好文 时间：
2020-06-02 09:35:59
阅读次数：
39
CSS三个大核心模块：盒模型、浮动和定位，其余的都是细节。网页布局就是把网页元素（文字，图片等）资源放入盒子里，利用CSS合理摆放盒子的过程。说明盒模型就是把HTML页面中的元素看成是一个个矩形的盒子，里面装着内容的容器。每个矩形都由元素的内容（content）、内边距（padding）、边框（border）和外边距（margin）组成。盒子模型在网页中，每个盒子都是大小不等的矩形框，除了有自己大
分类：
Web程序 时间：
2020-06-02 09:25:15
阅读次数：
59
CSS三个大核心模块：盒模型、浮动和定位，其余的都是细节。网页布局就是把网页元素（文字，图片等）资源放入盒子里，利用CSS合理摆放盒子的过程。说明盒模型就是把HTML页面中的元素看成是一个个矩形的盒子，里面装着内容的容器。每个矩形都由元素的内容（content）、内边距（padding）、边框（border）和外边距（margin）组成。盒子模型在网页中，每个盒子都是大小不等的矩形框，除了有自己大
分类：
Web程序 时间：
2020-06-02 09:18:00
阅读次数：
67
原文链接 水平居中 1) 若是行内元素, 给其父元素设置 text-align:center,即可实现行内元素水平居中.2) 若是块级元素, 该元素设置 margin:0 auto即可.3) 若子元素包含 float:left 属性, 为了让子元素水平居中, 则可让父元素宽度设置为fit-conte ...
分类：
其他好文 时间：
2020-06-02 00:14:25
阅读次数：
578
块状元素的特点 （1）独占一行 （2）标签宽度与父标签宽度相同 （3）标签可以设置width、height、padding、border、margin样式，都可以生效 （4）块级元素有：html、body、header、h1-h6、div、p、nav、ul、ol、main、footer、dl、dt、 ...
分类：
其他好文 时间：
2020-06-01 23:52:28
阅读次数：
89
一、flex布局体验 二、flex布局原理 display:flex; 三、flex布局父项常见属性 3.1 常见父项属性 3.2 flex-direction设置主轴的方向 3.3 justify-content 设置主轴上的子元素排列方式 justify-content 属性定义了项目在主轴上的 ...
分类：
其他好文 时间：
2020-06-01 23:37:24
阅读次数：
62
定义： 适配器模式(Adapter Pattern)：将一个接口转换成客户希望的另一个接口，使接口不兼容的那些类可以一起工作，其别名为包装器(Wrapper)。适配器模式既可以作为类结构型模式，也可以作为对象结构型模式。 在适配器模式中，我们通过增加一个新的适配器类来解决接口不兼容的问题，使得原本没 ...
分类：
其他好文 时间：
2020-06-01 20:49:11
阅读次数：
76
1.介绍一下标准的CSS的盒子模型？低版本IE的盒子模型有什么不同的？ 有两种， IE 盒子模型、W3C 盒子模型； 盒模型： 内容(content)、填充(padding)、边界(margin)、 边框(border)；区 别： IE的content部分把 border 和 padding计算了进 ...
分类：
Web程序 时间：
2020-06-01 18:02:25
阅读次数：
121
