摘要： 什么是替换元素与非替换元素替换元素：替换元素是浏览器根据其标签的元素与属性来判断显示具体的内容。例如： 属性 type = "text",则显示为文本输入框， type = "button",则显示为按钮(x)HTML中的、、、、都是替换元素，这些元素都没有实际的内容。非替换元素：(x)HTML的大... 阅读全文

摘要： 看jQuery源码时看到两个正则表达式，一时不理解是什么意思，有什么功能，看了这篇文章《正则表达式30分钟入门教程》之后就明白了1 rquickExpr = /^(?:()[^>]*|#([\w-]*))$/ 2 3 rsingleTag = /^(?:|)$/ rquickExpr:... 阅读全文

摘要： 两个概念：媒体类型（Media Type）和媒体特性（Media Query） Media Type：我们常碰到的就是all（全部）,screen（屏幕）,print（页面打印或打邱预览模式） Media Queries：能在不同的条件下使用不同的样式，使用页面达到不同的渲染效果。 媒体特... 阅读全文

摘要： 响应式理念：响应式网页不仅仅是响应不同类型的设备，而且需要响应不同的用户需求。响应式的初衷是为了让信息更好的传递交流，让所有人无障碍的获取信息，同时这也是 Web 的初衷。一、rem的定义 网页中常用的文字大小单位是 px(Pixels)，em，现在新增了 rem 这个单位。 「rem」是指... 阅读全文

摘要： |line-height与line boxes高度撑开行高度的是line-height（line-boxes），而不是字体大小 代码： 效果： 注：如果元素内没有内容，则不会撑开高度，因为line-boxes为0，即使指定了line-height也是不行的，只要有内容，行高就生效（... 阅读全文

摘要： 一、安装Sublime Text 3 官网　http://www.sublimetext.com/3 选择对应的版本安装。完事后，要安装一个基础的、必备的包管理：Package Control，用来以后安装插件用的。 Package Control安装 安装指导 https://subli... 阅读全文

摘要： Firefox 与 Chrome 的 HackFirefox：@-moz-document url-prefix() /*写在选择器外层时（只可写在此处）：Firefox only*/Chrome：@media screen and (-webkit-min-device-pixel-ratio:0... 阅读全文