placeholder在不同浏览器下的表现及兼容方法

1、什么是placeholder?

   placeholder是html5新增的一个属性,当input或者textarea设置了该属性后,该值的内容将作为灰字提示显示在文本框中,当文本框获得焦点(或输入内容)时,提示文字消失。
   写法如下:
  
 
2、placeholder的浏览器兼容性和在不同浏览器下的表现
   由于placeholder是html5的新属性,可想而知,仅支持html5的浏览器才支持placeholder,目前最新的firefox、chrome、safari以及ie10都支持,ie6到ie9都不支持。
    下面是其在各个浏览器下的显示效果:
     firefox:
     placeholder在不同浏览器下的表现及兼容方法

 

     chrome:
     placeholder在不同浏览器下的表现及兼容方法

 

     safari:
     placeholder在不同浏览器下的表现及兼容方法

Read More

CSS1-CSS3 颜色知识知多少?

一、废话少说,直奔主题

大家有没有发现我最新几篇文章废话少了,是博主记得按时吃药了?

大家想多了,一是升级成奶爸奶孩子,二是公司排山倒海的活,完全就没有吐槽废话的时间和精力,只能有啥说啥。

好了,虽然心中有千万个奔腾的马震,只能压在心中,直奔主题,讲讲CSS1-CSS3 <color>颜色的一些知识,有些你可能知道,有些可能并不知道,一些非常基本的知识我这里就不赘述。

二、color颜色关键字

这里的color颜色关键字指的是诸如 red , blue 这些货。

CSS level1的时候,那时候只有支持16个基本颜色关键字,诸如 black , white这些货,为什么数目这么少呢?我们可以想想当时的显示器水平,不是黑白的已经不错了。

然后,CSS level2的时候,加入了橙色 orange , 棕色 brown 等等颜色关键字。

然后,到了CSS level3的时候,颜色关键字家族进一步壮大, mediumturquoise这样的鬼都出现了。这些扩展的CSS颜色关键字,是有专门的名称的,称之为” X11颜色名 “,这里的”X11″不是11区的意思,而是指用来位图显示的 X Window System ,常见于UNIX-like计算机系统上。

Read More

Day One 排版 – MarkDown | 分享一些使用技巧

近日开始使用Day One,而且越来越顺手,只是一直只是在记录,没有深入摸索。
不知道自己是不是Out了,最近才发现原来Day One用的是MarkDown语法;
瞬间解决了之前各种排版小问题,实在好用,Evernote都已经用的越来越少了。
今天总结了一下MarkDown的常见用法,给新入手的同志们一些参考,主要是引用、贴图之类的格式,软件本身只能加一张图。
由于用的Day One写的,不知道怎么贴,截图上了,最后附上一份.md文件,参考。

Read More

1 2 3 4 29