sticky vs fixed sticky：表示粘贴到某个位置。当组件设置了该属性值后，当页面滑动时，组件会跟着页面移动，当组件触及到窗体后，页面若继续滑动，组件则处在与窗体接触的位置不动。元素的定位是根据文档的正常流动,然后相对于其抵消最近的滚动的祖先和包含块(最近的块级的祖先),包括table ...
分类：
其他好文 时间：
2018-10-13 14:40:00
阅读次数：
108
在理解定位之前，先说一个概念，文档普通流，就是元素标签正常在HTML里的顺序，块级元素从上至下排列，行内元素从左到右排列。 绝对定位 绝对定位：absolute，元素相对于离它最近的已定位祖先元素进行移动，如果元素没有已定位的祖先元素，那么它的位置相对于最初的包含块（一般是HTML元素，也可能是画布 ...
分类：
其他好文 时间：
2018-10-13 11:38:07
阅读次数：
182
sticky 和 fixed区别 fixed：固定的位置。一般用作悬浮按钮的设计。不管当前页面如何滚动，它的位置始终相对于窗体不变。元素从普通文档流中删除,并没有空间为页面中的元素创建布局。 它是相对于初始定位包含块建立的视窗,除非其祖先之一transform, perspective,或filte ...
分类：
其他好文 时间：
2018-10-13 02:52:25
阅读次数：
188
html 注意：对于中文网页需要使用 声明编码，否则会出现乱码。有些浏览器会设置 GBK 为默认编码，则你需要设置为 。 注意： 关于标签嵌套：通常块级元素可以包含内联元素或某些块级元素，但内联元素不能包含块级元素，它只能包含其它内联元素。 p标签不能包含块级标签，p标签也不能包含p标签。 ...
分类：
Web程序 时间：
2018-10-09 16:15:12
阅读次数：
168
在 PC 端，视口指的是浏览器的可视区域，其宽度和浏览器窗口的宽度保持一致。在 CSS 标准文档中，视口也被称为初始包含块，它是所有 CSS 百分比宽度推算的根源，给 CSS 布局限制了一个最大宽度。 而移动端则较为复杂，它涉及到三个视口：布局视口（Layout Viewport）、视觉视口（Vis ...
分类：
移动开发 时间：
2018-10-05 21:56:17
阅读次数：
302
## CSS和模型 ##CSS盒模型本质上是一个盒子，封装周围的 HTML 元素，包括 外边距（marign），边框（border），填充（padding），内容物（content） 盒子模型的类型：W3C 标准和模型和 IE 盒模型（怪异盒模型） 盒模型 -- 基本框 盒模型 -- 包含块 盒模型 ...
分类：
Web程序 时间：
2018-09-29 20:32:52
阅读次数：
191
高度坍塌情况： 当父元素没有设置高度，且子元素块都向左（右）浮动起来，那么父元素就会出现坍塌的现象。 解决办法： 在父元素包含块中加一个div： 优点：兼容性强，适合初学者。 缺点：不利于优化。 方法二：overflow＋room 优点：兼容性强。 缺点：对margin属性有影响，不能设负值，设负值 ...
分类：
Web程序 时间：
2018-09-22 15:59:59
阅读次数：
222
我们知道js代码如果有语法错误，浏览器会拒绝执行并报错。但是！浏览器遇到不合法的html时不会报错，会千方百计地把它渲染出来。 XHTML 标签的嵌套规则了： 1. 块元素可以包含内联元素或某些块元素，但内联元素却不能包含块元素，它只能包含其它的内联元素： <div><h1></h1><p></p> ...
分类：
Web程序 时间：
2018-09-04 14:00:57
阅读次数：
218
一、CSS选择器 1.基础选择器 2.组合选择器 注意嵌套规则： 块级元素可以包含内联元素或某些块级元素，但内联元素不能包含块级元素，它只能包含其它内联元素。 有几个特殊的块级元素只能包含内联元素，不能包含块级元素。如h1,h2,h3,h4,h5,h6,p,dt li内可以包含div 块级元素与块级 ...
分类：
Web程序 时间：
2018-07-26 18:26:20
阅读次数：
183
块元素可以包含内联元素或某些块元素，但内联元素却不能包含块元素，它只能包含其它的内联元素，例如： <div><div></div><h1></h1><p><p></div> ?? <a href=”#”><span></span></a> ?? <span><div></div></span> ? ...
分类：
其他好文 时间：
2018-06-30 10:55:22
阅读次数：
158
