随笔分类 -  html/css

pattern
摘要：最近在做手机页面时，遇到数字输入的键盘的问题，之前的做法只是一刀切的使用 type="tel"，不过一直觉得九宫格的电话号码键盘上的英文字母太碍事了。于是想要尝试其它的实现方案，最终的结论却令人沮丧。不过也趁机详细了解了下pattern这个属性。type="tel" 和 type="number" 阅读全文
posted @ 2016-05-24 18:04 小曹ydj 阅读(308) 评论(0) 推荐(0)
CSS vs JS动画：谁更快？
摘要：CSS vs JS动画：谁更快？ 2016-05-16 前端大全 （点击上方公众号，可快速关注） 英文：Julian Shapiro 译者：MZhou's blog 链接：http://zencode.in/19.CSS-vs-JS动画：谁更快？.html 这篇文章翻译自 Julian Shapir 阅读全文
posted @ 2016-05-17 09:15 小曹ydj 阅读(415) 评论(0) 推荐(0)
0.5 border
摘要：<!doctype html> <html lang="en"> <head> <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"> <me 阅读全文
posted @ 2016-04-12 10:33 小曹ydj 阅读(173) 评论(0) 推荐(0)
background-position
摘要：background系列之你不知道的background-position 2016-04-09 前端大全 作者：杜瑶（@doyoe） 网址：http://blog.doyoe.com/2016/03/28/css/background系列之你不知道的background-position/ 这是一 阅读全文
posted @ 2016-04-11 09:00 小曹ydj 阅读(228) 评论(0) 推荐(0)
rem
摘要：html{ font-size:16px; } 那么如果我们想给一个P标签设置12px的字体大小那么用rem来写就是 p { font-size:0.75rem;//12÷16=0.75（rem） } 基本上使用rem这个单位来设置字体大小基本上是这个套路，好处是假如用户自己修改了浏览器的默认字体大 阅读全文
posted @ 2016-04-05 09:50 小曹ydj 阅读(710) 评论(0) 推荐(0)
html5/css3常规布局
摘要：<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport"content="initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable= 阅读全文
posted @ 2016-04-01 18:21 小曹ydj 阅读(304) 评论(0) 推荐(0)