盒子模型 认识盒子模型 所谓盒子模型就是把HTML页面中的元素看作是一个矩形的盒子，也就是一个盛装内容的容器。每个矩形都由元素的内容、内边距（padding）、边框（border）和外边距（margin）组成。 网页就是多个盒子嵌套排列的结果。 内边距出现在内容区域的周围，当给元素添加背景色或背景图 ...
分类：
其他好文 时间：
2020-06-06 23:25:53
阅读次数：
92
Document <style> * { padding: 0; margin: 0; } div { position: absolute; top: 50px; left: 0; height: 200px; width: 200px; background-color: pink; } spa ...
分类：
其他好文 时间：
2020-06-06 18:58:43
阅读次数：
67
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>Ajax</title> <script src="js/jquery-2.1.1.min.js"></script> <style> body{ padding: 50px; fo ...
分类：
Web程序 时间：
2020-06-06 13:08:13
阅读次数：
79
需要抓紧时间的一周。 Algorithm： 215：Kth Largest Element in an Array (Medium) 这道题求第 k 大元素，类似于 top k，可以使用堆 heap，这里需要注意虽然逻辑上需要一个大小为 k 的小顶堆，但是实际上有个技巧是让它可以放下 k + 1 个 ...
分类：
其他好文 时间：
2020-06-06 12:45:10
阅读次数：
51
对象的内存布局 在 HotSpot 虚拟机中，对象的内存布局分为以下 3 块区域： 对象头（Header） 实例数据（Instance Data） 对齐填充（Padding） 对象头 对象头记录了对象在运行过程中所需要使用的一些数据： 哈希码 GC 分代年龄 锁状态标志 线程持有的锁 偏向线程 ID ...
分类：
其他好文 时间：
2020-06-06 00:56:24
阅读次数：
62
日历 <style>* { padding: 0; margin: 0; }li { list-style: none; }body { background: #f6f9fc; font-family: arial; } .calendar { width: 210px; margin: 50px ...
分类：
其他好文 时间：
2020-06-05 23:10:26
阅读次数：
89
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { padding: 0; margin: 0; } .wrap { width: 300px; margin: 100p ...
分类：
Web程序 时间：
2020-06-05 21:09:47
阅读次数：
82
1、盒子模型作用：盒子模型就是一个盒子，封装周围的html元素。允许我们在其他元素和周围元素边框的空间放置元素。2、组成：外边距（margin）：相邻的两个盒子margin，会发生折叠，可为负数边框（border）：内边距（padding）：实际内容（content）：百分比相对于父容器的conte ...
分类：
Web程序 时间：
2020-06-05 21:05:11
阅读次数：
93
这一期给大家讲解一下盒模型的概念以及它的组成部分吧 每一个标签在页面中都会生成一个盒模型，而每个盒模型都有四个组成部分，由外到里是margin外边距，border边框，padding内边距，content内容部分组成。 如上图所示，蓝色部分就是内容content区域。 border取值简写就是bor ...
分类：
其他好文 时间：
2020-06-05 20:54:45
阅读次数：
85
垂直居中 单行文本垂直居中 父元素高度为auto 一个父元素如果不设置高度的话，默认就是紧包裹着子元素，如果父元素设置的pading-top和padding-bottom相同，这本身就是一个垂直居中效果，但是当子元素并不是独占一行，而是inline元素和inline-block元素组合成一行，比如下 ...
分类：
Web程序 时间：
2020-06-05 00:36:45
阅读次数：
75
