azirong-CSDN博客

原创 js事件处理程序 Uncaught TypeError: Cannot read property 'addEventListener' of null

在写跨浏览器的事件处理程序时，遇到这个bug：Uncaught TypeError: Cannot read property 'addEventListener' of null<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><butt

2017-08-23 11:22:40 7105 3

原创 display:block和display:inline的区别

block元素特点： 1、处于常规文档流中，如果没有设置width属性，会自动填充父类容器。 2、可以应用外边距margin、内边距padding。 3、在没有设置高度的情况下，会扩展高度，以包含常规文档流中的子元素。 4、总是在新行开始。 5、忽略vertical-align。 inline元素特点： 1、不会在元素前后换行，水平方向上依次布局。 2、宽度由元素内容决定。 3、m

2017-07-10 22:23:44 560

原创 display:none和visibility:hidden的区别

联系：都是让元素不可见区别：display:none让元素从渲染树中消失，渲染的时候不占据任何空间；visibility:hidden不会让元素从渲染树中消失，渲染时占据空间，只是内容不可见。 2.

2017-07-10 22:12:26 569

原创 CSS选择器有哪些

一、选择器类型： - *通用选择器，不参与优先级的计算，兼容IE6+ - #X id选择器 - .X 类选择器 - X 元素选择器 - X Y 后代选择器 - X+Y 兄弟选择器 - X>Y 子选择器 - [attr=value] 属性选择器 - X:first-child 伪类选择器 - X:after 伪元素选择器二、选择器的层叠： - 标有！impo

2017-07-10 21:47:57 393

转载 js中this关键字的指向

在函数执行时，this总是指向调用该函数的对象，有调用对象则指向该对象，无调用对象则指向全局对象window。1.元素button点击事件函数btn.onclick = function (event) { console.log(event); // event指向该点击事件对象 console.log(this); // this指向事件的目标元素，可以访问元素的属性 c

2017-07-03 21:17:27 339

转载 css3伪类和伪元素的区别

css3伪类和伪元素的区别伪类是为了弥补常规css选择器的不足，以便获取到更多信息；伪元素本质上是创建了一个有内容的虚拟容器；css3中伪类和伪元素语法不同；可以同时使用多个伪类，但不能同时使用多个伪元素。转载自：http://www.cnblogs.com/ihardcoder/p/5294927.html

2017-04-17 10:54:38 365

转载 CSS中伪元素 :before 和 :after 的使用

转载自： http://www.cnblogs.com/ys-ys/p/5092760.html

2017-04-13 11:07:46 296

转载子元素使用float后如何撑开父div

子元素使用float后如何撑开父div一个div中包含多个子div，子div使用float浮动后，父div不能撑开。有三种解决办法： - 父元素设置overflow以及zoom - 父元素也是设置浮动效果 - 在添加一个子元素，并设置clear样式

2017-04-04 22:33:07 364

转载 Bootstrap中的data-target和data-toggle

data-toggle：以什么事件触发，如modal,popover,tooltips等； data-target：事件的目标； HTML5允许开发者自由为其标签添加属性，这种自定义属性一般用“data-”开头。我目前理解到在bootstrap中data-target，data-toggle等属性主要有两种作用：【1.】在CSS中作标签选择器用。如： [

2017-03-07 11:39:44 29299

azirong的博客