发表于 | 分类于 |
匿名函数与函数表达式​ 与匿名函数相对的是命名函数——如果函数有名字就是命名函数，反之即为匿名函数。 ​ 函数的一般定义方式为函数声明： 1234function 函数名(){ // 函数体}//调用方式为：函数名(); ​ 函数的另一种定义方式： 1 ...
阅读全文 »

发表于 |
案例一：找到这个字符串中所有的 o 出现的位置“hello wod odd ott fbo nhyo” 12345678var str = "hello wod odd ott fbo nhyo";var index = 0;//var index = str.indexOf('o',ind ...
阅读全文 »

发表于 | 分类于 |
简单类型和复杂类型我们先来理清一下几种数据类型。原始的数据类型就有： number,string,boolean,undefined, null,object。进一步划分为值类型和引用类型。 值类型：简单数据类型，基本数据类型，在存储时，变量中存储的是值本身，因此叫做值类型。 引用类型：复杂 ...
阅读全文 »

发表于 | 分类于 |
伸缩布局(CSS3)CSS3在布局方面做了非常大的改进，使得我们对块级元素的布局排列变得十分灵活，适应性非常强，其强大的伸缩性，在响应式开中可以发挥极大的作用。 主轴：Flex容器的主轴主要用来配置Flex项目，默认是水平方向 侧轴：与主轴垂直的轴称作侧轴，默认是垂直方向的 方向：默认主轴 ...
阅读全文 »

发表于 | 分类于 |
BFC(Block formatting context) 直译为”块级格式化上下文”。它是一个独立的渲染区域，只有Block-level box参与， 它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干。 白话文： 孩子在家里愿意怎么折腾都行，但是出了家门口， ...
阅读全文 »

发表于 | 分类于 |
外边距合并使用margin定义块元素的垂直外边距时，可能会出现外边距的合并。 相邻块元素垂直外边距的合并当上下相邻的两个块元素相遇时，如果上面的元素有下外边距margin-bottom，下面的元素有上外边距margin-top，则他们之间的垂直间距不是margin-bottom与margin ...
阅读全文 »

发表于 |
字体格式不同浏览器所支持的字体格式是不一样的，我们有必要了解一下有关字体格式的知识。 1、TureType(.ttf)格式 .ttf字体是Windows和Mac的最常见的字体，是一种RAW格式，支持这种字体的浏览器有IE9+、Firefox3.5+、Chrome4+、Safari3+、Ope ...
阅读全文 »

发表于 |
滑动门出现的背景制作网页时，为了美观，常常需要为网页元素设置特殊形状的背景，比如微信导航栏，有凸起和凹下去的感觉，最大的问题是里面的字数不一样多，按照传统思维，这就意味着要多张长度不同的背景图片，不过有更好的解决方法。 为了使各种特殊形状的背景能够自适应元素中文本内容的多少，出现了CSS滑 ...
阅读全文 »

发表于 | 分类于 |
让带有宽度的块级元素居中对齐，是margin: 0 auto; 让文字居中对齐，是 text-align: center; 本文讲一下垂直居中的属性. 图片、表单和文字对齐vertical-align 垂直对齐， 这个看上去很美好的一个属性， 实际有着不可捉摸的脾气。 1vertical ...
阅读全文 »

发表于 | 分类于 |

普通的盒子是左右margin 改为 auto就可， 但是对于绝对定位就无效了

定位的盒子也可以水平或者垂直居中，有一个算法。

  1. 首先left 50% 父盒子的一半大小

  2. 然后margin-left的值设为负数的自己盒子宽度的一半值就可以了

    另外可以使用CSS3的translate来做更方便，避免了人工计算

阅读全文 »