沉着前进

转载 css 实现竖直居中

inline 或者 inline-* 的元素竖直居中可以借助 padding, line-height, vertical-align 等属性。有如下两种具体情景：1. 单行竖直居中，如单行文本或者链接这种情况，通过给元素上下添加相同大小的 padding 值即可实现竖直居中。123divclass

原创 pdf在网站中正常播放

1、直接使用object标签 以上data处填写所展示pdf的路径测试只兼容至IE92、使用jquery插件：jquery.media.js兼容性：向下兼容至IE8、7，已测试Examples $(fu

原创 last-child兼容至IE8

使用方法jQuery :nth-child() 选择器的使用方法和 CSS3 的:nth-child()没什么两样。关于 CSS3 :nth-child() 选择器 拽这里：http://www.exiang2.com/web/513.html:nth-child(odd)用于匹配奇数子元素:nth-child(even)用于匹配偶数子元素

原创 使用js判断是否是IE浏览器

1、第一种方法，亲自尝试测试过，对于ie10以下所有浏览器可正常判断，进行弹窗提示，但对于IE 11里的edge显示为非Ie浏览器 // 判断是否是IE if ((navigator.userAgent.indexOf('MSIE') >= 0) && (navigator.userAgent.indexOf('Opera') < 0)){ alert('你是使用

原创 css3实现一个div设置多张背景图片及background-image属性

引子以前做网页布局的时候，一个div只能设置一张背景图片，设置多个背景的话，要用多个div嵌套才能实现，这样兼容性比较好。若您的网站要求兼容浏览器低版本，建议用这种方法。css3的出现，解决了一个div只能设置一个背景的问题，使一个div可以设置多个背景图片。background-image还可以设置线性渐变，等效果。题外话关于css3的background，功能很强大，有

原创 网站中公用头部与尾部？

一、asp语言和PHP语言首先制作一个头部文件head.asp，或者一个底部文件foot.asp。如主页是index.asp，调用头部代码是在index.asp文件代码的开始位置（第一个标记后面，标记前面）增加如下代码：– #include file=”head.asp” –> 调用共用底部文件代码是在index.asp文件代码的结束位置（最后一个标记前面）

原创 css去掉a标签点击后的虚线框,outline,this.blur()

css去掉a标签点击后的虚线框,outline,this.blur()outline是css3的一个属性，用的很少。声明，这是个不能兼容的css属性，在ie6、ie7、遨游浏览器都不兼容。outline控制的到底是什么呢？当聚焦a标签的时候，在a标签的区域周围会有一个虚线的框，这个框不同于border的是，它是不占有任何宽度的。当你取消焦点的时候，这个虚线框就会自然消失。

原创 如何在网页中嵌入pdf

原创 牛气的CSS选择符

平时只用到了一些简单的选择符，有些没用过的就一直没怎么用，今天特意抽时间查了一下，弄清楚每个的用法，争取以后多用。让自己变强1、X+Y   相邻选择符，只选择紧贴X后的Y元素，兼容至IE7+2、X > Y 只选择X的直接子代Y元素，兼容至IE7+3、X~Y  选择和X相邻的所有Y，兼容至IE7+4、X[title] 属性选择器，只会选择有title属性的X元素5、X[href=

转载 WAI-ARIA无障碍网页应用属性完全展示

WAI-ARIA无障碍网页应用属性完全展示这篇文章发布于 2012年03月14日，星期三，23:11，归类于 css相关。 阅读 97781 次, 今日 39 次by zhangxinxu from http://www.zhangxinxu.com本文地址：http://www.zhangxinxu.com/wordpress/?p=2277一、你至少应该知道

转载 margin为负值产生的影响和常见布局应用

所以今天整理些margin：负数会对哪些元素或者定位产生影响、margin为负值在web布局中的应用做下总结。（不能说最全，我已经尽力收集整理）一、margin为负值产生的影响对于自身的影响当元素不存在width属性或者（width：auto）的时候，负margin会增加元素的宽度，看下下面的例子class="container"> class="box1">

原创 双飞翼布局和圣杯布局

中左右双飞翼布局：给3个div全部设置为左浮动，利用margin负边距进行布局圣杯布局：给3个div全部设置为左浮动，利用position:relative使left、right分别依据自己进行相对定位头部主内容栏自适应宽度侧边栏固定宽度主内容栏自适应宽度侧边栏固定宽度

转载 详解 CSS 属性 - 伪类和伪元素的区别

首先，阅读 w3c 对两者的定义：CSS 伪类用于向某些选择器添加特殊的效果。CSS 伪元素用于将特殊的效果添加到某些选择器。可以明确两点，第一两者都与选择器相关，第二就是添加一些“特殊”的效果。这里特殊指的是两者描述了其他 css 无法描述的东西。伪类种类伪元素种类区别这里用伪类 :first-child 和伪元素 :fir

原创 sublime text快捷键

对应的快捷键与分屏情况如下：Alt+Shift+1       Single             独屏Alt+Shift+2       Columns:2     纵向二栏分屏Alt+Shift+3       Columns:3     纵向三栏分屏Alt+Shift+4       Columns:4     纵向四栏分屏Alt+Shift+8    

转载 Sublime Text 3 全程详细图文原创教程

一、 前言       使用Sublime Text 也有几个年头了，版本也从2升级到3了，但犹如寒天饮冰水，冷暖尽自知。最初也是不知道从何下手，满世界地查找资料，但能查阅到的资料，苦于它们的零碎、片面，不够系统和全面，所以一路走来，耗费了本人大量的时间和精力。所以蒙生了写这篇《Sublime Text 3 全程详细指南》，一来对自己的经验是一个总结，二来可以给初学者做个系统、全面的指引，