2017年11月_nicexibeidage

原创 jquery源码解析

前言其实这剖析jQuery源码系列文章是我自己酝酿很久的想法，当然因为之前的不成熟以及理解不深刻一直不敢提笔写。近期阅读的书籍多，激发我写文章的欲望，于是把这个计划开始实施。为什么要选择jQuery源码，我想对于一个前端开发人员来说，不言自明。jQuery的出现对于众多前端开发人员来说，是一个无比强大的武器。那为什么jQuery如此流行，深得大家喜欢？我认为秘籍就在于jQuery的

2017-11-15 16:56:45 3555

原创 ie7兼容问题

1.当子元素都浮动时，父元素应该是瘪了，如图：.div1{border:1px solid red;width:300px}.div{float:left} 1 2但是在ie7下，父元素被撑起来了原因就是给父元素设置的宽度上，当不给父元素设置宽度时，ie7下：

2017-11-09 10:59:09 371

原创 css选择器优先级

!important > 行内样式>ID选择器 > 类选择器 > 属性选择器（或伪类选择器）>标签（子选择器，后代选择器，兄弟选择器）> 通配符 > 继承 > 浏览器默认属性> html> head> title>CSS选择器优先级title> style type="text/css"> /*标签选择器的渲染红色*/ div{ b

2017-11-07 16:32:44 168

转载 clip介绍

Clip属性是大家经常会误解的一个属性，这篇文章帮助大家充分的了解和学习clip属性，用这个属性制作出更好的效果。我可以确定Clip属性有很多同学并不知道，因为这个属性使用率非常的底，我初次接触是在Drupal的主题之中，他们有一段用来隐藏文本的代码，就是使用的clip属性。/* Hide only visually, but have it available for screenr

2017-11-07 11:37:18 6616

转载什么是替换元素与非替换元素

什么是替换元素与非替换元素替换元素：替换元素是浏览器根据其标签的元素与属性来判断显示具体的内容。比如： type="text" 的是，这是一个文本输入框，换一个其他的时候，浏览器显示就不一样(X)HTML中的、、、、都是替换元素，这些元素都没有实际的内容。非替换元素：(X)HTML 的大多数元素是不可替换元素，他们将内容直接告诉浏览器，将其显示出来。

2017-11-07 10:58:00 642

转载 img 图片高度设置为百分比无效的解答

当用百分比作为宽高时因为百分比是相对于其最近的父元素的宽高，所以首先其父元素要有宽高，宽度一般不设置会有默认值(比如整个屏幕的宽度)，但是高度不设置就没有默认值，因此如果父元素没设高度值，而其内部元素用了百分比作为高度时，是没有效果的

2017-11-06 15:00:29 8973

转载巧用img的width和height属性进行缩图，使图片不变形

有如下几种情况：1：要求图片以某个宽度显示，比如150. 则可以这样指定这样可以保证图片显示的宽度为150，而高度也会以等比例显示，最终显示的图片也不会变形。 2：同理要求以某个高度显示，比如150，这同样可以这样指定这样可以保证图片显示的高度为150，而宽度也会以等比例显示，最终显示的图片也不会变形。 3：要求图片以某个宽度和高度显示，比如

2017-11-06 14:50:16 3622

转载用css做的各种三角形

今天给大家带来 CSS 三角形绘制方法复制代码代码如下:#triangle-up { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px sol

2017-11-06 10:05:33 199

转载深入理解BFC和Margin Collapse

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

2017-11-03 18:00:23 91

转载 BFC的形成条件和特性分析

初学CSS时，我们学到很多有意思的CSS规则，比如外边距塌陷，还有浮动元素的一些特性等，其实这些规则背后都是BFC这个东西在控制，下面我们来看下BFC到底是什么。什么是BFCBFC（Block formatting contexts），翻译过来就是块级格式化上下文，指的是一种上下文环境，我们暂且不管它为什么叫这么晦涩冗长的名字，先看看哪些情况能形成BFC，然后看看它有哪些特性，这样我们也就知道

2017-11-03 17:58:33 244

转载三栏布局

三栏布局在一些电商等类型的网站中很是常见,左右两边固定宽度的导航,而中间则是随浏览器大小改变宽度的内容区域,常见的如京东的页面,今天就来详细阐述几种三栏布局的方法.一、三栏布局的实现方案 *{ padding: 0; marg

2017-11-03 17:45:28 86

转载 margin为负值产生的影响

其一,对自身的影响.当元素不存在width属性或则width:auto的时候,负值margin会增加元素的宽度.(注意:这仅仅是在元素不存在width属性或则width属性默认的时候,如果有宽度设置,margin-left和margin-right为负值时,会发生位移.)DOCTYPE html>html> head> meta charset="UT

2017-11-03 09:39:00 1390

原创 a的visited不起作用问题

visited问题 a:link{color:red} a:visited{color:blue} a:hover{color:yellow} a:active{color:pink} visited问题在浏览器中访问这个代码时，会发现visited是不起作用的，这是因为链接无效会使a的visited设置无效, 这是因为链接点击后没有产生网页访问的历史记录, 所

2017-11-02 18:26:33 9439 2

nicexibeidage的博客