自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(8)
  • 收藏
  • 关注

转载 回流与重绘

页面解析的过程:    ①.浏览器把html代码解析成1个Dom树,html中的每个tag都是Dom树中的1个节点,根节点就是我们常用的document对象。dom树就是html结构,里面包含了所有的html tag,包括用JS添加的元素。    ②浏览器把所有样式(主要包括css和浏览器自带的样式设置)解析成样式结构体,在解析的过程中会去掉浏览器不能识别的样式。    ③dom

2017-08-25 10:36:02 223

转载 HTML元素的显示优先级

帧元素>HTML元素,表单元素总>非表单元素   HTML中常用的表单元素包括:文本区域(TEXTAREA),列表框(SELECT),文本输入框,密码输入框,单选输入框,复选输入框等等。常见的包括:链接标记(A),DIV标记,SPAN标记,TABLE标记等等。表单元素覆盖样式元素的根本原因在于HTML元素默认的显示优先级规则。  所有这样HTML元素又可以根据其显示要求分成两类

2017-08-25 09:58:15 294

原创 flex弹性盒子布局基础

先抄一张图,表示了弹性盒子元素的组成,分为main轴和cross轴,start和end代表轴的两端。弹性盒子的子元素的float、clear和vertical-align属性将失效。弹性容器的6个属性:1.flex-direction用于规定弹性项目的排列方向。row:水平 row-reverse:水平逆序  column :竖直co

2017-08-23 14:52:57 457

原创 js豆知识

1.递增递减操作符(++、--)放在变量前表示表示语句执行之前就执行,在变量后表示语句执行后再执行。2.一元加操作符(+)放在变量前,如果变量isNaN,则被转换成Number类型。减操作符会变成负的Number类型。   var s1="1"; s1=+s1; (s1的值变成了1)

2017-08-22 20:45:11 173

原创 css中的包裹性

包裹性:元素的宽度会收缩到与内容宽度一致拥有包裹性的元素:float浮动的元素position为absolute或fixed的元素display为inline-block, table-cell, table-caption,  inline-flex的元素

2017-08-22 15:45:13 2115

原创 css中可以继承的属性

1、字体系列属性font:组合字体font-family:规定元素的字体系列font-weight:设置字体的粗细font-size:设置字体的尺寸font-style:定义字体的风格font-variant:设置小型大写字母的字体显示文本,这意味着所有的小写字母均会被转换为大写,但是所有使用小型大写字体的字母与其余文本相比,其字体尺寸更小。font-stretch:对

2017-08-22 14:40:29 461

转载 localStorage相关

localStorage中一般浏览器支持的是5M大小。 目前所有的浏览器中都会把localStorage的值类型限定为string类型。 localStorage与sessionStorage的唯一一点区别就是localStorage属于永久性存储,而sessionStorage属于当会话结束的时候,sessionStorage中的键值对会被清空。 localStorage的写入与读取if(!wi

2017-08-21 20:12:44 585

转载 标准盒子模型与IE盒子模型区别

标准盒子模型元素宽度=margin*2+border*2+padding*2+width;IE盒子模型元素宽度=margin*2+width;

2017-08-21 19:45:00 969

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除