0.引言 在我们编写css的时候，经常会用到百分比赋值（%）实现自适应。像我们最常使用的流式布局设计模式，基本所有的column的宽度都是通过%来取值的。或者比如经常会遇到的元素水平垂直居中问题，我们常常会使用下面这样的css代码加以实现（absolute+transform思路）： .wrap { ...
分类：
Web程序 时间：
2020-07-07 00:40:28
阅读次数：
200
盒子模型 一、盒子模型介绍 什么是盒子模型？ CSS盒子模型就是在CSS技术中所使用的一种思维模型。CSS假定所有的HTML文档元素都生成一个描述该元素在HTML文档布局中所占空间的矩形元素框，可以形象地将其看作是一个盒子。 所有的HTML元素可以看做盒子，它包括：外边距、边框、内填充和实际内容。 ...
分类：
其他好文 时间：
2020-07-06 12:28:37
阅读次数：
88
A.首先大小电容并联针对于不同的情况我们要做不同的考量B.针对于电源IC的地方，我们一般都是先大后小，为什么呢？因为我们之所以这样做的原因主要其实是出于阻抗特性的考虑，一般情况下，PCB走线如果过程则其寄生的电感成分在高频下会使得电容的滤波能力大打折扣，甚至完全丧失滤波效能，得不偿失，而小电容更容易产生这样的问题，所以基于此的话我们在IC电源处都是先打后下C.针对于开关电源而言:输入我们是先小后大
分类：
其他好文 时间：
2020-07-06 09:12:05
阅读次数：
395
一、什么是三栏布局 三栏布局即左右元素固定宽度，中间元素自适应。代表布局有圣杯布局和双飞翼布局，当然还有其他方式可以实现，下面是详细介绍。 二、实现方式 1.自身浮动 元素顺序：中间盒子必须放在最后，左右元素任意排列 原理：左边元素左浮动 右边元素右浮动 缺点：当浏览器宽度不足以容纳三个元素时，中间 ...
分类：
其他好文 时间：
2020-07-06 00:48:17
阅读次数：
75
ListView的简单使用 编辑布局文件 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http:/ ...
分类：
移动开发 时间：
2020-07-06 00:48:02
阅读次数：
77
目录 水平居中 行内元素 块级元素 方案一：(分宽度定不定两种情况) 方案二：使用定位属性 方案三：使用flexbox布局实现（宽度定不定都可以） 垂直居中 单行的行内元素 多行的行内元素 块级元素 水平垂直居中 已知高度和宽度的元素 未知高度和宽度的元素 方案一：使用定位属性 方案二：使用flex ...
分类：
Web程序 时间：
2020-07-05 23:12:37
阅读次数：
99
一、基础布局方式 0. 普通/文档流 布局 早期 <table>， 后来 <div> ，再后来 html5 语意化标签按照自上而下的方式顺次排布。 1. Float 布局 float: left/right 最初设计目的是用于图文环绕排版、不过目前常用于左右布局。 2. 绝对布局 position: ...
分类：
其他好文 时间：
2020-07-05 21:27:59
阅读次数：
82
CSS 有三种基本的定位方式：文档流、浮动和定位。 文档流(normal flow)： 文档流是所有元素布局的基础，作为从左到右、从上到下的布局方式，这是最常用的一种排版布局方式。 浮动(float)：float:left/right；浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动 ...
分类：
其他好文 时间：
2020-07-05 21:23:39
阅读次数：
146
最常用的两种方式： display：none，这种方式可以使元素彻底从文档中删除，会造成浏览器的回流与重绘 visibility：hidden，元素会从页面中消失，它原本占据的空间会被保留，会造成浏览器的重绘，适用于希望元素隐藏又不影响页面布局的场景，但是该属性会被子元素继承，所以若不希望子元素隐藏 ...
分类：
其他好文 时间：
2020-07-05 21:13:28
阅读次数：
91
BFC的定义： BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域，只有Block-level box参与， 它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干。 如何形成： 根元素 float属性不为none ...
分类：
其他好文 时间：
2020-07-05 20:59:37
阅读次数：
71
