<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[CodingAlarm的专栏]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/CodingAlarm</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; CodingAlarm]]></copyright><item><title><![CDATA[简单导航]]></title><link>https://blog.youkuaiyun.com/CodingAlarm/article/details/51923330</link><guid>https://blog.youkuaiyun.com/CodingAlarm/article/details/51923330</guid><author>CodingAlarm</author><pubDate>Sat, 16 Jul 2016 11:04:58 +0800</pubDate><description><![CDATA[<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        /*基础样式*/
        *{ margin: 0px; padding:0px;}
        body{font-family: "Microsoft YaHei" ;fo]]></description><category></category></item><item><title><![CDATA[超出的字用省略号来代替]]></title><link>https://blog.youkuaiyun.com/CodingAlarm/article/details/51923094</link><guid>https://blog.youkuaiyun.com/CodingAlarm/article/details/51923094</guid><author>CodingAlarm</author><pubDate>Sat, 16 Jul 2016 10:29:02 +0800</pubDate><description><![CDATA[a{ 
    display : block;  
    width : 95px; 
    overflow : hidden; 
    white-space : nowrap;
    -o-text-overflow: ellipsis; 
    text-overflow: ellipsis; 
    background : url(../images/admin_ico.p]]></description><category></category></item><item><title><![CDATA[css实现滚动条效果]]></title><link>https://blog.youkuaiyun.com/CodingAlarm/article/details/51922803</link><guid>https://blog.youkuaiyun.com/CodingAlarm/article/details/51922803</guid><author>CodingAlarm</author><pubDate>Sat, 16 Jul 2016 09:42:04 +0800</pubDate><description><![CDATA[在div上添加overflow-y: scroll这个css样式，就能显示出一个滚动条，如果不指定是x或y轴，则水平和垂直都会出现滚动条。<style>
       div{ width:200px; height: 500px; overflow-y: scroll;}
</style>
<div></div>]]></description><category></category></item><item><title><![CDATA[css3设置textarea不可改变大小]]></title><link>https://blog.youkuaiyun.com/CodingAlarm/article/details/51922760</link><guid>https://blog.youkuaiyun.com/CodingAlarm/article/details/51922760</guid><author>CodingAlarm</author><pubDate>Sat, 16 Jul 2016 09:35:55 +0800</pubDate><description><![CDATA[resize : nonecss3新属性，设置为none用户不可以调节元素的宽和高，可以用在任意元素上，一般和textarea一起用，不让textarea可拉伸。  textarea{ width:400px; height:200px; resize:none;}]]></description><category></category></item><item><title><![CDATA[label标签]]></title><link>https://blog.youkuaiyun.com/CodingAlarm/article/details/51922601</link><guid>https://blog.youkuaiyun.com/CodingAlarm/article/details/51922601</guid><author>CodingAlarm</author><pubDate>Sat, 16 Jul 2016 09:01:45 +0800</pubDate><description><![CDATA[通常它是和radio绑定到一起，起到的作用是点击这个label标签的文字，就可以触发它绑定的radio，label和span是没多大区别的，只不过是可以通过for指向某一个id，从而和该id的元素进行绑定。 
通过for和id互相指向要绑定的元素
<form>
    <label for="male">Male</label>
    <input type="radio" name="sex"]]></description><category></category></item><item><title><![CDATA[用CSS3实现旋转的CD]]></title><link>https://blog.youkuaiyun.com/CodingAlarm/article/details/51922544</link><guid>https://blog.youkuaiyun.com/CodingAlarm/article/details/51922544</guid><author>CodingAlarm</author><pubDate>Sat, 16 Jul 2016 08:40:35 +0800</pubDate><description><![CDATA[用到了css3的@keyframes规则 
（http://www.w3school.com.cn/cssref/pr_keyframes.asp），通过@keyframes规则能够创建动画。CSS3是可以通过代码来创建动画的。用@keyframes定义规则后，就不用像之前先在元素定义执行几秒，运动样式，再在hover上定义旋转度数了。直接在规则中全部定义好，再在hover引用。用法 
1. 定义一]]></description><category></category></item><item><title><![CDATA[css旋转实例]]></title><link>https://blog.youkuaiyun.com/CodingAlarm/article/details/51919674</link><guid>https://blog.youkuaiyun.com/CodingAlarm/article/details/51919674</guid><author>CodingAlarm</author><pubDate>Fri, 15 Jul 2016 17:28:37 +0800</pubDate><description><![CDATA[原理：元素规定旋转的时间、效果（快慢） 
      元素Hover规定旋转完成后是个什么样子（转了多少度，宽延长到多长） 
      两个关键字：transition、transform，只用到了hover 
div{transition:2s linear} //在两秒内，相近的速度旋转 
div:hover{transform:rotate(360deg);}  //旋转个360度 
*以上]]></description><category></category></item><item><title><![CDATA[z-index不起作用]]></title><link>https://blog.youkuaiyun.com/CodingAlarm/article/details/51919580</link><guid>https://blog.youkuaiyun.com/CodingAlarm/article/details/51919580</guid><author>CodingAlarm</author><pubDate>Fri, 15 Jul 2016 17:19:40 +0800</pubDate><description><![CDATA[在该元素上加position:relative;要让z-index起作用有个小小前提，就是元素的position属性要是relative，absolute或是fixed。]]></description><category></category></item><item><title><![CDATA[元素设置成透明]]></title><link>https://blog.youkuaiyun.com/CodingAlarm/article/details/51919508</link><guid>https://blog.youkuaiyun.com/CodingAlarm/article/details/51919508</guid><author>CodingAlarm</author><pubDate>Fri, 15 Jul 2016 17:12:33 +0800</pubDate><description><![CDATA[通常 
opacity:0; IE下  
filter:alpha(opacity=0);火狐下 
-moz-opacity:0;]]></description><category></category></item><item><title><![CDATA[用css代码制作三角型（border属性）]]></title><link>https://blog.youkuaiyun.com/CodingAlarm/article/details/51919479</link><guid>https://blog.youkuaiyun.com/CodingAlarm/article/details/51919479</guid><author>CodingAlarm</author><pubDate>Fri, 15 Jul 2016 17:10:51 +0800</pubDate><description><![CDATA[用border作三角型border4个边的颜色，一个有颜色，其它三个透明。border-color: transparent #f66 transparent transparent;  
border-style: solid;   
border-width: 4px;]]></description><category></category></item><item><title><![CDATA[行内块元素display:inline-block]]></title><link>https://blog.youkuaiyun.com/CodingAlarm/article/details/51919446</link><guid>https://blog.youkuaiyun.com/CodingAlarm/article/details/51919446</guid><author>CodingAlarm</author><pubDate>Fri, 15 Jul 2016 17:07:32 +0800</pubDate><description><![CDATA[举例： 
< a > 标签1< /a>< a >标签2< /a>< a >标签3< /a > 
a标签本来就是内联 
这样写，他出来效果就是——–标签1标签2标签3 
但如果你想要定义宽度,不加块状是起不来作用的，但是单单设置为块状（display:block），他又换行了，所以这时加display:inline-block 就起到很大作用，内联块状，宽度既能实现，又能不换行… 
a{width:1]]></description><category></category></item><item><title><![CDATA[line-height和height的区别]]></title><link>https://blog.youkuaiyun.com/CodingAlarm/article/details/51916571</link><guid>https://blog.youkuaiyun.com/CodingAlarm/article/details/51916571</guid><author>CodingAlarm</author><pubDate>Fri, 15 Jul 2016 12:02:55 +0800</pubDate><description><![CDATA[line-heigth是行高的意思，它决定了元素中文本内容的高度，height则是定义元素自身的高度。如：<p>测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本</p>假如定义p标签的行高为line-heigth:20px; 文字在浏览器中显示为一行时，这个p标签的高度会为20px，如果为两行，则p标签的高度为40px;行高20px; 
行高变为40px;]]></description><category></category></item><item><title><![CDATA[解决input的file类型各浏览器的样式兼容]]></title><link>https://blog.youkuaiyun.com/CodingAlarm/article/details/51911431</link><guid>https://blog.youkuaiyun.com/CodingAlarm/article/details/51911431</guid><author>CodingAlarm</author><pubDate>Thu, 14 Jul 2016 17:40:55 +0800</pubDate><description><![CDATA[我们都希望做出的上传图片可以是以下这种美观的，但是原生的input file类型，不仅不美观 ，而且各浏览器都显示不同，如何解决呢？美观的 
chrome下 
firefox下 
IE下 
一般来说，我们会用“模拟”的方式，先把原生的file类型设置为透明（不是dispaly:none），然后用其它元素模拟出它的样子，file覆盖在之上。“上传”按钮再提交到服务器。目的是叠加成这种样子，然后把fil]]></description><category></category></item><item><title><![CDATA[配合字体图标的搜索框]]></title><link>https://blog.youkuaiyun.com/CodingAlarm/article/details/51907124</link><guid>https://blog.youkuaiyun.com/CodingAlarm/article/details/51907124</guid><author>CodingAlarm</author><pubDate>Thu, 14 Jul 2016 10:44:23 +0800</pubDate><description><![CDATA[一、配合字体图标的搜索框 
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="iconfont/iconfont.css"/>
    <style>
        *{ margin:0px; padding]]></description><category></category></item><item><title><![CDATA[解决chrom字体小于12号都显示为12号的办法]]></title><link>https://blog.youkuaiyun.com/CodingAlarm/article/details/51893378</link><guid>https://blog.youkuaiyun.com/CodingAlarm/article/details/51893378</guid><author>CodingAlarm</author><pubDate>Tue, 12 Jul 2016 23:01:23 +0800</pubDate><description><![CDATA[解决chrom字体小于12号都显示为12号的办法 把chrom设置为英文语言环境下即可，设置--语言和输入设置--添加英文语言，把英文托到最上面，一定要选择“以这种语言显示google chrome”，并且重启浏览器，不然不生效。这样设置完后，小于12号字的字号也能正常显示了（chrome只对中文下的环境进行了字号设置）。]]></description><category></category></item><item><title><![CDATA[JS模块化工具requirejs简易教程]]></title><link>https://blog.youkuaiyun.com/CodingAlarm/article/details/50277503</link><guid>https://blog.youkuaiyun.com/CodingAlarm/article/details/50277503</guid><author>CodingAlarm</author><pubDate>Sat, 12 Dec 2015 21:27:20 +0800</pubDate><description><![CDATA[一  requirejs的作用


a)  防止命名冲突，requirejs可以将我们的变量都封装在变量内，通过暴露出一些接口而解决这个问题
b)  解决不同js之间的依赖
c)  可以让我们的代码以模块化的方式组织！



使用require你不用再以script标签引入js文件（除了require.js），它会按需要动态加载。


二  怎么学习使用requirejs]]></description><category></category></item><item><title><![CDATA[web2.0]]></title><link>https://blog.youkuaiyun.com/CodingAlarm/article/details/46987687</link><guid>https://blog.youkuaiyun.com/CodingAlarm/article/details/46987687</guid><author>CodingAlarm</author><pubDate>Tue, 21 Jul 2015 16:10:32 +0800</pubDate><description><![CDATA[在HTML4.01之后，W3C组织认为HTML没有发展空间了，转而把焦点放到了XHTML上，然而由浏览器厂商们认为HTML不是穷途末路，而是需要添加新的功能，制定新的规范，所以它们组成了WHATWG，创立了HTML5规范，同时开始专门针对WEB应用开发新功能，WEB2.0就是在这个时候出现的。它不同于web1.0的是让旧的网站让位于需要”更多特性“的动态网站和社交网站，所以web2.0的核心是具有]]></description><category></category></item><item><title><![CDATA[W3C理解]]></title><link>https://blog.youkuaiyun.com/CodingAlarm/article/details/46987209</link><guid>https://blog.youkuaiyun.com/CodingAlarm/article/details/46987209</guid><author>CodingAlarm</author><pubDate>Tue, 21 Jul 2015 15:45:20 +0800</pubDate><description><![CDATA[做网站开发有两种标准选择，支持W3C标准或是支持IE，因为IE很多地方不兼容W3C，就是说，你的网站按照W3C开发，IE显示就会有问题，你按IE开发，那么一方面IE6,7,8几个版本自己之间也不兼容，另一方面，用其它浏览器的人，如firefox,opera,chrome的人，看你的网站也会有问题，所以应该支持W3C标准。


为什么要使用W3C标准规范？
每当浏览器发布大更新的时候，我们刚]]></description><category></category></item><item><title><![CDATA[input标签file类型，去除不同浏览器“未选择文件”字样办法]]></title><link>https://blog.youkuaiyun.com/CodingAlarm/article/details/46968487</link><guid>https://blog.youkuaiyun.com/CodingAlarm/article/details/46968487</guid><author>CodingAlarm</author><pubDate>Mon, 20 Jul 2015 15:04:21 +0800</pubDate><description><![CDATA[之前的样式，这个“未选择文件”很想把它去掉吧？


这段代码的运行结果，去掉了“未选择文件”






http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
http://www.w3.org/1999/xhtml">


无标题文档

#file{ width:226px; height:25px; ]]></description><category></category></item><item><title><![CDATA[JQuery Mobile实例]]></title><link>https://blog.youkuaiyun.com/CodingAlarm/article/details/46968387</link><guid>https://blog.youkuaiyun.com/CodingAlarm/article/details/46968387</guid><author>CodingAlarm</author><pubDate>Mon, 20 Jul 2015 14:59:03 +0800</pubDate><description><![CDATA[jQuery Mobile: Pages within Pages
        http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.css" />
        http://code.jquery.com/jquery-1.4.3.min.js">
        http://code.jquery.com/mob]]></description><category></category></item></channel></rss>