一、块级元素和行内元素的区别 （1）块级元素会独占一行，其宽度自动填满其父元素宽度； 行内元素不会独占一行，相邻的行内元素会排列在同一行，直至一行排不下才会换行，其宽度随元素的内容而变化。 （2）块级元素可以包含行内元素和块级元素；行内元素不能包含块级元素。 （3）行内元素设置width、heigh ...
分类：
其他好文 时间：
2019-10-20 17:38:29
阅读次数：
59
一、块级元素：块级大多为机构行标记 二、行内元素 行内大多为描述性标记 三、块级元素和行内元素的区别 3.1 块级元素 1. 总是从新的一行开始 2. 高度、宽度都是可控的 3. 宽度没有设置时，默认时100% 4. 块级元素中可以包含块级元素和行内元素 3.2 行内元素 1. 和其他元素都是在一行 ...
分类：
其他好文 时间：
2019-10-11 23:09:19
阅读次数：
80
水平居中（包含块中居中）1. 定宽，左右margin为auto。（常规流块盒、弹性项目[不用定宽]） 例子：在box1盒子上设置宽，再设置margin：auto； 得到的效果： 2. 弹性盒设置justify-content: center，让弹性项目在主轴上居中。（普遍适应） 例子：在其父元素上设 ...
分类：
Web程序 时间：
2019-09-22 19:42:13
阅读次数：
134
一、 基本概念 4. 二、视口 2. 三、定位体系概述 三、1、视觉格式化模型规定，定位体系一共有三种：常规流（normal flow）；浮动（float）；绝对定位（absolute positioned） 2、任何一个元素，必须属于其中一种定位体系；不同的定位体系中，元素在包含块中的尺寸和位置会 ...
分类：
其他好文 时间：
2019-08-18 15:26:49
阅读次数：
60
我们都知道"overflow:hidden"可以溢出隐藏，即当内容元素的高度大于其包含块的高度时，设置该属性即可把内容区域超出来的部分隐藏，使内容区域完全包含在该包含块中。 然而"overflow:hidden"还有另外一个特殊的用途，那就是清除包含块内子元素的浮动。我们先来看一个实例： //htm ...
分类：
其他好文 时间：
2019-08-04 22:30:12
阅读次数：
140
1.基本概念 视觉格式化模型：CSS的一种机制，它规定了页面中的多个盒子如何布局。 视口：可视窗口，通常指浏览器的可视区域。 视口的尺寸仅受到浏览器可视窗口大小的影响，和内容无关。 当网页内容的尺寸超过视口尺寸时，浏览器会出现滚动条 包含块（containing block）：每个元素都有一个包含块 ...
分类：
其他好文 时间：
2019-07-29 00:21:33
阅读次数：
106
css定位 定位是用来移动元素位置的。 相对位置，参考元素原始位置，偏移某个距离 绝对位置，参考点是最近的有定位的祖先元素，偏移某个距离 定位 1 css定位 相对定位 绝对定位 固定定位 为什么 移动元素 设置元素在包含块中出现的位置，以及遮盖 2 相对定位 position: relative;... ...
分类：
Web程序 时间：
2019-06-06 23:03:15
阅读次数：
161
102. 最佳牛围栏 农夫约翰的农场由N块田地组成，每块地里都有一定数量的牛,其数量不会少于1头，也不会超过2000头。 约翰希望用围栏将一部分连续的田地围起来，并使得围起来的区域内每块地包含的牛的数量的平均值达到最大。 围起区域内至少需要包含 F块地，其中 F会在输入中给出。 在给定条件下，计算围 ...
分类：
编程语言 时间：
2019-05-11 09:36:15
阅读次数：
232
好程序员web前端分享定位锚点透明 学习目标 1、position 定位属性和属性值 2、定位元素的层级属性 3、包含块的概念和应用 4、锚点连接的语法和应用场景 5、透明属性的应用 6、扩展：Flash和marquee(滚动字幕) 一、position 定位属性和属性值 position 定位属性 ...
分类：
Web程序 时间：
2019-05-05 14:45:40
阅读次数：
195
IFC布局规则: 在一个行内格式化上下文中，盒是一个接一个水平放置的，从包含块的顶部开始 这些盒之间的水平margin，border和padding都有效 盒可能以不同的方式竖直对齐：以它们的底部或者顶部对齐，或者以它们里面的文本的基线对齐 在一个行内格式化上下文中，盒是一个接一个水平放置的，从包含 ...
分类：
其他好文 时间：
2019-03-21 11:48:18
阅读次数：
298
