Html5

CSS的background简写

background属性在CSS2.1里，background属性的简写方式包含五种属性值，从CSS3开始，又增加了3个新的属性值，加起来一共8个。CSS2.1background-color 使用的背景颜色。background-image 使用的背景图像。background-repeat 如何 ...

apple-touch-icon.png

apple-touch-icon 苹果为iOS设备配备了apple-touch-icon私有属性，可以把favicon.ico图标的作用想一下，大概就懂了。添加该属性，在iPhone,iPad,iTouch的safari浏览器上可以使用添加到主屏按钮将网站添加到主屏幕上，方便用户以后访问。如果不在h ...

纯CSS绘制箭头图标

剧情回顾CSS绘制图标是一个老话题，以前为了低版本浏览器的兼容性问题，通常会在PS里面做箭头，渐变背景以及圆角之类的。图片的主要劣势：用PS处理这些的图片，最麻烦的地方就是维护非常不方便，重新打开PS，重新设置颜色和大小！另外，每个图片就是一个http请求，影响整体页面记载速度，如果遇到图片没加载 ...

css设置不透明度

通常我要用某个功能和方法的时候，大多是临时GOOGLE一下，记住一个大概的概念，以便之后再次搜索使用。最近CSS设置不透明度用得比较频繁，所以整理一下笔记，稍微加深一下印象!CSS设置不透明度的方法有：css3的opacity:x，x 的取值从 0 到 1，如opacity: 0.8css3的rgb ...

HTML5 Page Visibility API

document.hidden这个新出现的document.hidden属性，它显示页面是否为用户当前观看的页面，值为ture或false。document.visibilityStatevisibilityState的值要么是visible (表明页面为浏览器当前激活tab，而且窗口不是最小化状态 ...

CSS white-space 属性

可能的值值描述normal默认。空白会被浏览器忽略。pre空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签。nowrap文本不会换行，文本会在在同一行上继续，直到遇到 <br> 标签为止。pre-wrap保留空白符序列，但是正常地进行换行。pre-line ...

AI制作svg格式logo

前几天微软官方宣布不在技术支持老版浏览器 Internet Explorer 早期版本的支持将于2016年1月12日结束，大势所趋，我也不想为了那少部分人再过多考虑那些老掉牙的IE9-浏览器了，所以博客前端又重新使用bootstrap框架了，今天又完善了一下seonoco的LOGO图标并且制作了s ...

Internet Explorer 早期版本的支持将于2016年1月12日结束

刚看到一条微软的官方消息，2016年1月12日过后，老版本的IE（包括IE10）不再提供安全更新和支持，对前端开发者来说应该是高兴的一件事，尽管天朝还有一部分"挂羊头卖狗肉"的国产浏览器，但应该也会越来越少。终于可以期待那一天的到来，不用管那些IE9一下的BUG或者不兼容了，然后我在必应里面找到了官 ...

Emmet-网页开发者必备工具

Emmet (即之前著名的 Zen Coding) 是一个网页开发者工具，可以大大地提高你的 HTML & CSS 开发效率。基本上当下大多数文本编辑器可以重用常用的代码块，称为“代码片断”（ snippets ）。代码片断是提高生产效率的好办法，不过所有的实现都有共同的缺陷：要先定义代码片 ...

自定义的404页面在IE浏览器中无法显示

我这些年心里一直有个她，没放在心上，今天总于把她给处理了。网站自定义了404错误页面以后，在IE浏览器下面却无法正确显示自定义的页面。而在Firefox、Chrome、Opera在三款浏览器下都可以显示正常。为什么IE和其他浏览器显示的错误页面内容不一样自定义的404页面大小必须大于512字节，否 ...