5 xiabibi556

尚未进行身份认证

暂无相关简介

等级
TA的排名 12w+

解决display无法使用transfrom过渡效果

如 demo (如果没有显示,请查看源地址http://jsfiddle.net/ihardcoder/HNduT/2/)所示,基本的效果是在点击“Translate”按钮后,蓝色区域透明度变为0,然后隐藏display:none;点击Reset按钮后,首先显示蓝色区域display:block,然后透明度逐渐恢复至1,代码如下: 1 var btn1 = $("#testbtn1");

2016-08-16 22:15:15

CSS实现绝对定位居中

我们经常用margin:0 auto来实现水平居中,而一直认为margin:auto不能实现垂直居中……实际上,实现垂直居中仅需要声明元素高度和下面的CSS:.Absolute-Center { margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0;}我不是这种实现方法的第一人,可

2016-08-16 21:45:09

详解JS运算符

加法运算符如果算术运算的值不是数值,那么js后台会先使用Number()转型函数将其转换为数值:var num = 1 + NaN;//NaN,只要有一个NaNny就为NaNvar num = 10 + '10';//1010,'+'为字符串连接符,有字符串就不是加法var box = '你的岁数是:'+10+10;//你的岁数是:1010,被转换成字符串var box = '

2016-08-08 21:36:15

JS中defer和async的区别

先来试个一句话解释仨,当浏览器碰到 script 脚本的时候: 没有 defer 或 async,浏览器会立即加载并执行指定的脚本,“立即”指的是在渲染该 script 标签之下的文档元素之前,也就是说不等待后续载入的文档元素,读到就加载并执行。 有 async,加载和渲染后续文档元素的过程将和 script.js 的加载与执行并行进行(异步)。 有

2016-08-08 20:59:11

JS中设置数组长度的意义是什么

问题描述大家都知道,js中的数组长度是可变的,也就是说,即使你设置了初始长度,超出长度之外的值依旧可以显示,而且js中的数组在定义的时候可以不设置长度,那么,问题来了,数组设置长度的意义是什么,定义数组的时候需要设置长度吗?问题解答如果设置了数组长度,那么代码在执行的时候会在初始时就给数组分配一个空间,以后的每次给数组赋值就会更加快捷。(因为如果没有指定数组的长度,代码在每次执行赋值的

2016-08-08 20:29:28

为什么原生JS可以直接使用ID名称来获取元素

疑惑,原生JS中可以直接使用ID名称来获取元素,而不用使用getElementById()方法?问题描述在js中可以这么使用:(id名称).style.display="inline';而不是使用:document.getElementById('id名称').style.display="inline";就像我在下面使用的一样,js不会报错而且还能准确执行

2016-08-08 20:22:53

flex布局模式自我理解

Flexbox,一种CSS3的布局模式,也叫做弹性盒子模型,用来为盒装模型提供最大的灵活性。首先举一个栗子,之前我们是这样实现一个div盒子水平垂直居中的。在知道对象高宽的情况下,对居中元素绝对百分比定位,然后通过margin偏移的方式来实现。1234567891011121314151617

2016-08-04 21:47:50

教你用css3实现心形

首先,添加一个 元素作为我们的心形状的基础。然后,我们创建宽度和高度。.heart-shape{ position: relative; width: 200px; height: 200px; background-color: rgba(250,184,66, 0.8); }我们将利用伪元素before和 :after。第一次设置 :before伪元素作为我

2016-08-03 23:02:38

CSS秘密:垂直居中

问题44年前我们把人送上月球,但在CSS中我们仍然不能很好实现垂直居中——@James Anderson让一个元素水平居中对于CSS来说非常简单:如果是一个内联元素,我们可以在他的父元素上设置text-align:center;;如果是一个块元素,我们可以使用margin:auto;。然而,只要一想到让一个元素垂直居中,让人死的心都有了。多年来,垂直居中已成为CSS的不朽神话,也是

2016-07-27 17:52:26

line-height 和 vertical-align 行高与行对齐精解 (图文)

line-height 和 vertical-align 行高与行对齐精解 (图文) _CSS教程_CSS_网页制作_脚本之家// <![CDATA[var tougao="1";var downlm="art";(function(){var reWriteUrl=function(url){if(url){var Splits=url.split("/"),siteName=windo

2016-07-26 20:40:57

css常用命名

常用的CSS命名头:header内容:content/container尾:footer导航:nav侧栏:sidebar栏目:column页面外围控制整体佈局宽度:wrapper左右中:left right center登录条:loginbar标志:logo广告:banner页面主体:main热点:hot新闻:news下载:downloa

2016-07-26 20:03:34

替换元素和非替换元素的学习

引言元素是文档结构的基础,在CSS中,每个元素生成了一个包含了元素内容的框(box,也翻译为“盒子”)。但是不同的元素显示的方式会有所不同,例如div和span不同,而strong和p也不一样。在文档类型定义(DTD)中对不同的元素规定了不同的类型,这也是DTD对文档之所以重要的原因之一。而根据元素本身的特点可以分为替换元素(replaced element)和非替换元素,非替换元素,在W3C

2016-07-26 19:49:35

深入理解BFC和Margin Collapse

BFC的理解与应用首先我们来看看w3c规范对BFC的解释,其实对于这种概念的学习上,我们总是建议首先寻找官方的定义,因为原则上来说官方的才是最权威和正确的,而且还比较详细,千万不要因为看到英文就畏惧不前。什么是BFC(Block formatting contexts)w3c规范中的BFC定义:浮动元素和绝对定位元素,非块级盒子的块级容器(例如 inline-blocks, tab

2016-07-26 19:48:35

CSS+DIV定位分析(relative,absolute,static,fixed)

在用CSS+DIV进行布局的时候,一直对position的四个属性值relative,absolute,static,fixed分的不是很清楚,以致经常会出现让人很郁闷的结果。今天研究了一下,总算有所了解。在此总结一下:先看下各个属性值的定义:1、static:默认值。没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明

2016-07-26 19:46:46

总结CSS Sprites优缺点

CSS Sprites 简介:通常被意译为“CSS图像拼合”或“CSS贴图定位”。CSS Sprites并不是一门新技术,目前它已经在网页开发中发展得较为成熟,阿里巴巴各子公司的网页中到处都可发现css sprites 的影子。但CSS Sprites并不是什么金科玉律,但在很多情况下,它有着一定的优势,最重要的是它可以减轻服务器的负载,提高网页加载速度。随着Web设计向着精致、 巧妙的方

2016-07-26 19:43:54

什么鬼,又不知道怎么命名class了

(本文系来自腾讯imweb团队 结一大大 关于class命名的总结,获取结一授权转载,推荐点击左下角的阅读原文,原文地址:http://imweb.io/topic/5623c25734764b2c16769749 )相信写css的人都会遇到下面的问题: 糟糕,怎么命名这个class,好像不太贴切,要是冲突了怎么办,要不要设计成通用一点... 而改别人css代码的时候则会一

2016-07-26 19:36:51

CSS的四种引入方式

在HTML中引入CSS的方法主要有四种,它们分别是行内式、内嵌式、链接式和导入式。1.行内式行内式是在标记的style属性中设定CSS样式。这种方式没有体现出CSS的优势,不推荐使用。2.内嵌式嵌入式是将CSS样式集中写在网页的标签对的标签对中。格式如下:...此处写CSS样式缺点是对于一个包含很多网页的网站,在每个网页中使用嵌入式,

2016-07-25 19:02:47

css选择器的权值与优先规则

前言在html设计当中,经常会遇到一个问题——如果对同一标签的相同属性设置了不同的值,那么哪一个值是有效值呢?答案就是权值高的覆盖掉权值的值,权值相同的采取就近原则。

2016-07-25 16:35:23

CSS深入理解之margin

前言margin是css中非常常用的一个属性,也是非常难掌握的,这里只是记下现在能理解的,之后在慢慢补充。

2016-07-25 08:50:02
勋章 我的勋章
    暂无奖章