为什么margin-top不是作用于父元素

发表于2015-07-11 20:09:23|--次阅读

为什么margin-top不是作用于父元素:至于margin-top属性的基本用法再简单不过，那就是设置一个对象的上外边距，看下面的代码实例:蚂蚁部落以上代码可以将div的上边距设置为50px，一切运行良好，没有任何问题，再来看下一段代码:蚂蚁部落以上代码的初衷是让子...

如何使用CSS实现小三角形效果

发表于2015-07-11 20:09:14|--次阅读

如何使用CSS实现小三角形效果:在众多的网页效果中，都有小三角形效果的应用，能够增加特定应用的美观度，下面就给出一段实例代码，里面介绍了两种实现小三角头效果的方式。代码如下:三种纯CSS实现三角形的方法 border 属性实现 ◆ 字符实现 ◆ ◆原文地址是:http://www.5...

兼容各个浏览器的未知高度div垂直居中效果

发表于2015-07-11 20:09:01|--次阅读

兼容各个浏览器的未知高度div垂直居中效果:让div垂直居中与它的父对象中，并不像是让div在父元素中水平居中那么简单，只要简单的为此元素设置margin:0px auto即可，虽然将一些属性配合使用也可以将div垂直居中与父元素中，但是在某些浏览器中并不兼容，下面就介绍一种兼容各大浏览器的方式。先...

display:table、display:table-row和display:table-cell的用法

发表于2015-07-11 20:07:43|--次阅读

display:table和display:table-cell的用法:建议:尽可能的手写代码，可以有效的提高学习效率和深度。display属性的table和table-cell属性值不怎么常用，主要是浏览器的兼容性并不好，因为万恶的IE6和IE7还有相当一部分用户在使用，不过并非没有它们展露头角的...

移动端开发单位必备知识PPI/DPI/pixels

发表于2015-07-10 16:16:02|--次阅读

一：基本概念( 1 ) CSS pixels 与 device pixelsCSS pixels：device pixels：( 2 ) PPI/DPIPPI/DPI : 每英寸所拥有的像素数目，数值越高，即代表显示屏能够以越高的密度显示图像。PPI的计算：首先计算出手机屏幕的对角线等效像素，然....

CSS3使用transform和transition制作动画

发表于2015-07-10 16:14:44|--次阅读

CSS3动画效果，分享一款使用transform和 transition 制作的纯CSS3动画效果，很漂亮～，鼠标放在图片上，会有动画效果出现。只写了针对Chrome浏览器的兼容，其它浏览器未做测试，可能会暂不兼容其他浏览器，所以请大家尽量用Chrome查看效果。

选择符优先级:link伪类

发表于2015-07-10 16:13:14|--次阅读

问题：请指出以下结构中，A标签内的字体颜色。这里是文字内容正确答案：蓝色其实验证方式很简单，运行一下就可以知道了。.alink a和a:link其实优先级是一样的，哪一个定义在后面，就显示哪一个的颜色；判断选择器的优先级可以按照打群架的方式联想：谁人多谁强大；人一样多，后来者居上；小...

display:table-cell的用法简介

发表于2015-07-10 16:12:47|--次阅读

display:table-cell的用法简介:display属性的使用相当频繁，比如display:block或者display:inline等，但是对于display:table-cell可能比较陌生，因为此属性在特定的情况下会发挥很大的作用，下面就简单介绍它的作用，先看一段代码实例:蚂蚁部落 ...

如何实现多个div水平均匀排列且量两端贴壁

发表于2015-07-10 16:12:26|--次阅读

如何实现多个div水平均匀排列且量两端贴壁:在网页布局中，经常有这样的需求，那就是几个div水平均匀在排列在一个盒子中，并且两端div外侧紧贴盒子内壁，如下图所示:下面先看一段代码实例:蚂蚁部落以上代码虽然均匀分布了，但是左侧由于外边距的原因，不能够贴到父元素的内...

CSS中!important的用法和在IE6下的表现

发表于2015-07-10 16:12:07|--次阅读

!important的用法和在IE6下的表现:!important可以提高指定CSS语句的优先级，使用方法是在相应的CSS语句后面加上!important。例如: 蚂蚁部落蚂蚁部落大家都知道CSS样式具有“就近原则”，也就是后面定义的样式能够覆盖前面的样式，以上代码中如果不...

IE6下什么情况才会出现双倍边距问题

发表于2015-07-10 16:11:57|--次阅读

IE6下什么情况才会出现双倍边距问题:只有知道问题出现的原因，才能够在出现问题前有意识的去避免问题的发生，或者能够第一时间查找到问题的所在。下面简单介绍一下IE6浏览器在什么情况下才会出现双边距问题。下面看个例子:蚂蚁部落以上代码中，子div的左边距出现了加倍现象。也就是说当对象的浮动方向和外边....

html5开发viewport使用详解

发表于2015-07-10 15:15:40|--次阅读

html5开发之viewport使用

解决浏览器窗口变小后右侧出现空白背景颜色或者图片不能全屏填充的方法

发表于2015-07-10 15:14:46|--次阅读

在做全屏网页的时候会出现这样的情况：窗口最大化显示时正常，当缩小窗口时，出现了滚动条，将滚动条拖动到右侧就会出现空白，背景颜色都不显示但是元素还在例如下图：全屏显示正常的，然后把窗口缩小就会出现这样的效果，解决办法就是给body加一个最小高度，至于数值大小取决于网页的基本宽度，或者就是你导航元素占据...

CSS3中的calc()方法详解

发表于2015-07-10 15:13:12|--次阅读

什么是calc()?calc是英文单词calculate(计算)的缩写,是css3的一个新增的功能;MDN的解释为可以用在任何长度,数值,时间,角度,频率等处;/* property: calc(expression) */width: calc(100% - 80px);可以用 + - * / 符...

input两种默认提示文字方式

发表于2015-07-10 15:12:20|--次阅读

First Note：placeholder属性规定帮助用户填写输入字段的提示，值不会被提交，且该提示会在输入字段为空时显示，并会在字段获得焦点时消失。如">value属性规定 input 元素的值，值会被提交如">

css3使用transform属性使实js弹性运动

发表于2015-07-10 15:11:32|--次阅读

css3使用transform属性制作js弹性运动，其实做这个效果和js的原理一样：就是控制位置和时间，但是不同的是css用transform的translate来控制,其实现的最终一把手是transition。

纯CSS实现银色MacBook Air（完整版）

发表于2015-07-10 15:10:02|--次阅读

自己闲暇之时用纯CSS绘制的银色MacBook Air，今天合二为一，新鲜出炉和大家分享。 Markdown+少量html编辑。

解决表单中的文字和文本区域(textarea)上对齐的方法

发表于2015-07-10 15:08:40|--次阅读

在进行表单布局的时候通常会遇到这样的情况文本和textarea标签是底部对齐的邮箱 #content .form p em{ display: inline-block; width:70px; text-align: right; margin-right: 20px;}上...

IE6下3px解决方法

发表于2015-07-09 11:16:27|--次阅读

IE6浏览器下3px解决方法:IE6下的3px问题的产生主要应该归咎于书写不规范造成的，比如我们要写一个左右两列的结构，代码如下:蚂蚁部落以上代码中，左边的div是浮动的，第二个div非浮动的，这样的话在IE6下会产生3px问题。其实这个问题本身就是由于代码书写不标准造成的，在标准浏览器中，...

IE6不支持min-height如何解决高度自适应问题

发表于2015-07-09 11:12:03|--次阅读

IE6不支持min-height如何解决高度自适应问题:IE6问题多多，给大家带来了诸多烦恼，这里介绍一下因为IE6浏览器不支持min-height属性，从而导致了高度无法自适应的问题。在其他标准浏览器中，我们可以使用min-height属性给容器规定一个最小高度，如果内容超过这个最小高度，容器会自...