- 博客(8)
- 收藏
- 关注
转载 回流与重绘
页面解析的过程: ①.浏览器把html代码解析成1个Dom树,html中的每个tag都是Dom树中的1个节点,根节点就是我们常用的document对象。dom树就是html结构,里面包含了所有的html tag,包括用JS添加的元素。 ②浏览器把所有样式(主要包括css和浏览器自带的样式设置)解析成样式结构体,在解析的过程中会去掉浏览器不能识别的样式。 ③dom
2017-08-25 10:36:02
259
转载 HTML元素的显示优先级
帧元素>HTML元素,表单元素总>非表单元素 HTML中常用的表单元素包括:文本区域(TEXTAREA),列表框(SELECT),文本输入框,密码输入框,单选输入框,复选输入框等等。常见的包括:链接标记(A),DIV标记,SPAN标记,TABLE标记等等。表单元素覆盖样式元素的根本原因在于HTML元素默认的显示优先级规则。 所有这样HTML元素又可以根据其显示要求分成两类
2017-08-25 09:58:15
342
原创 flex弹性盒子布局基础
先抄一张图,表示了弹性盒子元素的组成,分为main轴和cross轴,start和end代表轴的两端。弹性盒子的子元素的float、clear和vertical-align属性将失效。弹性容器的6个属性:1.flex-direction用于规定弹性项目的排列方向。row:水平 row-reverse:水平逆序 column :竖直co
2017-08-23 14:52:57
516
原创 js豆知识
1.递增递减操作符(++、--)放在变量前表示表示语句执行之前就执行,在变量后表示语句执行后再执行。2.一元加操作符(+)放在变量前,如果变量isNaN,则被转换成Number类型。减操作符会变成负的Number类型。 var s1="1"; s1=+s1; (s1的值变成了1)
2017-08-22 20:45:11
203
原创 css中的包裹性
包裹性:元素的宽度会收缩到与内容宽度一致拥有包裹性的元素:float浮动的元素position为absolute或fixed的元素display为inline-block, table-cell, table-caption, inline-flex的元素
2017-08-22 15:45:13
2165
原创 css中可以继承的属性
1、字体系列属性font:组合字体font-family:规定元素的字体系列font-weight:设置字体的粗细font-size:设置字体的尺寸font-style:定义字体的风格font-variant:设置小型大写字母的字体显示文本,这意味着所有的小写字母均会被转换为大写,但是所有使用小型大写字体的字母与其余文本相比,其字体尺寸更小。font-stretch:对
2017-08-22 14:40:29
497
转载 localStorage相关
localStorage中一般浏览器支持的是5M大小。 目前所有的浏览器中都会把localStorage的值类型限定为string类型。 localStorage与sessionStorage的唯一一点区别就是localStorage属于永久性存储,而sessionStorage属于当会话结束的时候,sessionStorage中的键值对会被清空。 localStorage的写入与读取if(!wi
2017-08-21 20:12:44
1586
转载 标准盒子模型与IE盒子模型区别
标准盒子模型元素宽度=margin*2+border*2+padding*2+width;IE盒子模型元素宽度=margin*2+width;
2017-08-21 19:45:00
1008
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人