<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[沉着前进]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/twoto3_</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; twoto3_]]></copyright><item><title><![CDATA[css 实现竖直居中]]></title><link>https://blog.youkuaiyun.com/twoto3_/article/details/52880238</link><guid>https://blog.youkuaiyun.com/twoto3_/article/details/52880238</guid><author>twoto3_</author><pubDate>Fri, 21 Oct 2016 10:05:01 +0800</pubDate><description><![CDATA[inline 或者 inline-* 的元素竖直居中

可以借助 padding, line-height, vertical-align 等属性。有如下两种具体情景：

1. 单行竖直居中，如单行文本或者链接

这种情况，通过给元素上下添加相同大小的 padding 值即可实现竖直居中。







1

2

3




div

class]]></description><category></category></item><item><title><![CDATA[pdf在网站中正常播放]]></title><link>https://blog.youkuaiyun.com/twoto3_/article/details/52807441</link><guid>https://blog.youkuaiyun.com/twoto3_/article/details/52807441</guid><author>twoto3_</author><pubDate>Thu, 13 Oct 2016 15:43:03 +0800</pubDate><description><![CDATA[1、
直接使用object标签


            
              
            
  




以上data处填写所展示pdf的路径
测试只兼容至IE9




2、
使用jquery插件：jquery.media.js
兼容性：向下兼容至IE8、7，已测试







Examples




 
 
 
   $(fu]]></description><category></category></item><item><title><![CDATA[last-child兼容至IE8]]></title><link>https://blog.youkuaiyun.com/twoto3_/article/details/52765214</link><guid>https://blog.youkuaiyun.com/twoto3_/article/details/52765214</guid><author>twoto3_</author><pubDate>Sun, 09 Oct 2016 11:45:13 +0800</pubDate><description><![CDATA[使用方法


jQuery :nth-child() 选择器的使用方法和 CSS3 的:nth-child()没什么两样。


关于 CSS3 :nth-child() 选择器 拽这里：http://www.exiang2.com/web/513.html




:nth-child(odd)用于匹配奇数子元素


:nth-child(even)用于匹配偶数子元素]]></description><category></category></item><item><title><![CDATA[使用js判断是否是IE浏览器]]></title><link>https://blog.youkuaiyun.com/twoto3_/article/details/52607557</link><guid>https://blog.youkuaiyun.com/twoto3_/article/details/52607557</guid><author>twoto3_</author><pubDate>Wed, 21 Sep 2016 14:22:08 +0800</pubDate><description><![CDATA[1、第一种方法，亲自尝试测试过，对于ie10以下所有浏览器可正常判断，进行弹窗提示，但对于IE 11里的edge显示为非Ie浏览器

	//  判断是否是IE
    if ((navigator.userAgent.indexOf('MSIE') >= 0) 
    && (navigator.userAgent.indexOf('Opera') < 0)){
    alert('你是使用]]></description><category></category></item><item><title><![CDATA[css3实现一个div设置多张背景图片及background-image属性]]></title><link>https://blog.youkuaiyun.com/twoto3_/article/details/52595555</link><guid>https://blog.youkuaiyun.com/twoto3_/article/details/52595555</guid><author>twoto3_</author><pubDate>Tue, 20 Sep 2016 14:12:49 +0800</pubDate><description><![CDATA[引子

以前做网页布局的时候，一个div只能设置一张背景图片，设置多个背景的话，要用多个div嵌套才能实现，这样兼容性比较好。若您的网站要求兼容浏览器低版本，建议用这种方法。css3的出现，解决了一个div只能设置一个背景的问题，使一个div可以设置多个背景图片。background-image还可以设置线性渐变，等效果。

题外话

关于css3的background，功能很强大，有]]></description><category></category></item><item><title><![CDATA[网站中公用头部与尾部？]]></title><link>https://blog.youkuaiyun.com/twoto3_/article/details/52593135</link><guid>https://blog.youkuaiyun.com/twoto3_/article/details/52593135</guid><author>twoto3_</author><pubDate>Tue, 20 Sep 2016 10:04:15 +0800</pubDate><description><![CDATA[一、asp语言和PHP语言

首先制作一个头部文件head.asp，或者一个底部文件foot.asp。如主页是index.asp，调用头部代码是在index.asp文件代码的开始位置（第一个标记后面，标记前面）增加如下代码：


–  #include file=”head.asp”    –> 


调用共用底部文件代码是在index.asp文件代码的结束位置（最后一个标记前面）]]></description><category></category></item><item><title><![CDATA[css去掉a标签点击后的虚线框,outline,this.blur()]]></title><link>https://blog.youkuaiyun.com/twoto3_/article/details/52513486</link><guid>https://blog.youkuaiyun.com/twoto3_/article/details/52513486</guid><author>twoto3_</author><pubDate>Mon, 12 Sep 2016 14:51:43 +0800</pubDate><description><![CDATA[css去掉a标签点击后的虚线框,outline,this.blur()

outline是css3的一个属性，用的很少。
声明，这是个不能兼容的css属性，在ie6、ie7、遨游浏览器都不兼容。

outline控制的到底是什么呢？
当聚焦a标签的时候，在a标签的区域周围会有一个虚线的框，这个框不同于border的是，它是不占有任何宽度的。当你取消焦点的时候，这个虚线框就会自然消失。]]></description><category></category></item><item><title><![CDATA[如何在网页中嵌入pdf]]></title><link>https://blog.youkuaiyun.com/twoto3_/article/details/52513462</link><guid>https://blog.youkuaiyun.com/twoto3_/article/details/52513462</guid><author>twoto3_</author><pubDate>Mon, 12 Sep 2016 14:50:34 +0800</pubDate><description><![CDATA[]]></description><category></category></item><item><title><![CDATA[牛气的CSS选择符]]></title><link>https://blog.youkuaiyun.com/twoto3_/article/details/52414729</link><guid>https://blog.youkuaiyun.com/twoto3_/article/details/52414729</guid><author>twoto3_</author><pubDate>Fri, 02 Sep 2016 16:04:42 +0800</pubDate><description><![CDATA[平时只用到了一些简单的选择符，有些没用过的就一直没怎么用，今天特意抽时间查了一下，弄清楚每个的用法，争取以后多用。让自己变强
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=]]></description><category></category></item><item><title><![CDATA[WAI-ARIA无障碍网页应用属性完全展示]]></title><link>https://blog.youkuaiyun.com/twoto3_/article/details/52252642</link><guid>https://blog.youkuaiyun.com/twoto3_/article/details/52252642</guid><author>twoto3_</author><pubDate>Fri, 19 Aug 2016 17:07:53 +0800</pubDate><description><![CDATA[WAI-ARIA无障碍网页应用属性完全展示


这篇文章发布于 2012年03月14日，星期三，23:11，归类于 css相关。
 阅读 97781 次, 今日 39 次

by zhangxinxu from http://www.zhangxinxu.com
本文地址：http://www.zhangxinxu.com/wordpress/?p=2277

一、你至少应该知道]]></description><category></category></item><item><title><![CDATA[margin为负值产生的影响和常见布局应用]]></title><link>https://blog.youkuaiyun.com/twoto3_/article/details/52250602</link><guid>https://blog.youkuaiyun.com/twoto3_/article/details/52250602</guid><author>twoto3_</author><pubDate>Fri, 19 Aug 2016 14:26:12 +0800</pubDate><description><![CDATA[所以今天整理些margin：负数会对哪些元素或者定位产生影响、margin为负值在web布局中的应用做下总结。（不能说最全，我已经尽力收集整理）
一、margin为负值产生的影响
对于自身的影响
当元素不存在width属性或者（width：auto）的时候，负margin会增加元素的宽度，看下下面的例子
class="container">
  class="box1">]]></description><category></category></item><item><title><![CDATA[双飞翼布局和圣杯布局]]></title><link>https://blog.youkuaiyun.com/twoto3_/article/details/52249954</link><guid>https://blog.youkuaiyun.com/twoto3_/article/details/52249954</guid><author>twoto3_</author><pubDate>Fri, 19 Aug 2016 13:49:26 +0800</pubDate><description><![CDATA[中
左
右


双飞翼布局：
给3个div全部设置为左浮动，利用margin负边距进行布局



圣杯布局：
给3个div全部设置为左浮动，利用position:relative使left、right分别依据自己进行相对定位


头部


主内容栏自适应宽度


侧边栏固定宽度




主内容栏自适应宽度


侧边栏固定宽度



]]></description><category></category></item><item><title><![CDATA[详解 CSS 属性 - 伪类和伪元素的区别]]></title><link>https://blog.youkuaiyun.com/twoto3_/article/details/52248089</link><guid>https://blog.youkuaiyun.com/twoto3_/article/details/52248089</guid><author>twoto3_</author><pubDate>Fri, 19 Aug 2016 10:10:35 +0800</pubDate><description><![CDATA[首先，阅读 w3c 对两者的定义：

CSS 伪类用于向某些选择器添加特殊的效果。CSS 伪元素用于将特殊的效果添加到某些选择器。

可以明确两点，第一两者都与选择器相关，第二就是添加一些“特殊”的效果。这里特殊指的是两者描述了其他 css 无法描述的东西。

伪类种类




伪元素种类




区别

这里用伪类 :first-child 和伪元素 :fir]]></description><category></category></item><item><title><![CDATA[sublime text快捷键]]></title><link>https://blog.youkuaiyun.com/twoto3_/article/details/52230225</link><guid>https://blog.youkuaiyun.com/twoto3_/article/details/52230225</guid><author>twoto3_</author><pubDate>Wed, 17 Aug 2016 13:44:17 +0800</pubDate><description><![CDATA[对应的快捷键与分屏情况如下：
Alt+Shift+1       Single
             独屏
Alt+Shift+2       Columns:2     
纵向二栏分屏
Alt+Shift+3       Columns:3     
纵向三栏分屏
Alt+Shift+4       Columns:4     
纵向四栏分屏
Alt+Shift+8    ]]></description><category></category></item><item><title><![CDATA[Sublime Text 3 全程详细图文原创教程]]></title><link>https://blog.youkuaiyun.com/twoto3_/article/details/52230204</link><guid>https://blog.youkuaiyun.com/twoto3_/article/details/52230204</guid><author>twoto3_</author><pubDate>Wed, 17 Aug 2016 13:41:29 +0800</pubDate><description><![CDATA[一、 前言

       使用Sublime Text 也有几个年头了，版本也从2升级到3了，但犹如寒天饮冰水，冷暖尽自知。最初也是不知道从何下手，满世界地查找资料，但能查阅到的资料，苦于它们的零碎、片面，不够系统和全面，所以一路走来，耗费了本人大量的时间和精力。所以蒙生了写这篇《Sublime Text 3 全程详细指南》，一来对自己的经验是一个总结，二来可以给初学者做个系统、全面的指引，]]></description><category></category></item></channel></rss>