摘要：HTML标签CSS属性默认值汇总这个东西，在你需要还原默认值的时候，比较有用。开始的时候 *{margin:0;padding:0;}，当需要使用边距的时候，就需要还原HTML默认CSS值了。以前一直在找这份文档，今天偶然在w3上看到了。除了inline和block的定义，主要是要注意body|h1~h6|blockquote|menu|ul|ol|dd等标签的默认样式（margin和font-size）。html, address,blockquote,body, dd, div,dl, dt, fieldset, form,frame, frameset,h1, h2, h3, h4,h5 阅读全文
HTML5实践 -- 使用CSS3 Media Queries实现响应式设计
2013-07-24 17:15 by 臭小子1983, 207 阅读, 0 推荐, 收藏, 编辑
摘要：现在屏幕分辨率的范围很大，从320px (iPhone) 到 2560px (大型显示器)，甚至更大。用户也不只是使用台式电脑访问web站点了，他使用手机、笔记本电脑、平板电脑。所以传统的设置网站宽度为固定值，已经不能满足需要了。web设计需要适应这种新要求，页面布局需要能够根据访问设备的不同分辨率自动进行调整。本教程将会向你介绍，如何使用html5和CSS3 Media Queries完成跨浏览器的响应式设计。 demo预览地址：http://webdesignerwall.com/demo/adaptive-design/final.html demo下载地址：http://www.... 阅读全文
图片预加载
2013-07-16 19:13 by 臭小子1983, 611 阅读, 0 推荐, 收藏, 编辑
摘要：资源预加载可以提升用户体验，如果每次用户打开页面都要加载图片,js,css等资源，会影响用户体验。资源预加载可以一定程度上改善这种情况。 我们可以做的是，但第一个页面load完的时候，在用户阅读网页的空隙，把下一个页面所用的资源提前加载过来cache住，这样下个页面就直接读缓存资源了，这样可以... 阅读全文
瀑布流原理
2013-07-15 13:43 by 臭小子1983, 595 阅读, 0 推荐, 收藏, 编辑
摘要：一、瀑布流的布局1、浮动列布局 蘑菇街和哇哦 采用的方式各列固定宽度，并且左浮动；一列中的数据块为一组，列中的每个数据块依次排列即可；更多数据加载时，需要分别插入到不同的列上；优点:布局简单，应该说没啥特别的难点；不用明确知道数据块高度，当数据块中有图片时，就不需要指定图片高度。缺点:列数固定，扩展不易，当浏览器窗口大小变化时，只能固定的x列，如果要添加一列，很难调整数据块的排列；滚动加载更多数据时，还要指定插入到第几列中，还是不方便。2、CSS3 定义 W3C 中有讲述关于多列布局的文档，排列出来的样子:由 chrome/ff 浏览器直接渲染出来，可以指定容器的列个数，列间距，列中间边框.. 阅读全文
前端制作－团队命名规则
2013-06-28 15:32 by 臭小子1983, 330 阅读, 0 推荐, 收藏, 编辑
摘要：关于团队合作的css命名规范常用的css命名规则：头：header内容：content/container尾：footer导航：nav侧栏：sidebar栏目：column页面外围控制整体布局宽度：wrapper左右中：left right center登录条：loginbar标志：logo广告：banner页面主体：main热点：hot新闻：news下载：download子导航：subnav菜单：menu子菜单：submenu搜索：search友情链接：friendlink页脚：footer版权：copyright滚动：scroll内容：content标签页：tab文章列表：list提示信息 阅读全文
jQuery Mobile权威指南笔记
2013-06-22 15:46 by 臭小子1983, 470 阅读, 0 推荐, 收藏, 编辑
摘要：第一章 初识jQuery Mobile一、与jQTouch、Sencha Touch、SproutCore的比较 1、jQTouch也是一个jquery的插件，官方下载地址：http://www.jqtouch.com 2、Sencha Touch：是一套基于ExtJS开发插件库，它与jQTouch相同，只针对WebKit内核的浏览器开发移动应用于，官网下载：http://www.sencha.com/ 3、SproutCore：官网下载：http://www.sproutcore.com二、页面结构 data-role自定义属性1、单页面结构 ... ... ...2、多页面结构... 阅读全文
PHP和MySQL
2013-06-22 10:24 by 臭小子1983, 375 阅读, 0 推荐, 收藏, 编辑
摘要：第一章 PHP快速入门一、什么是PHP PHP是一种服务器端脚本语言，在一个HTML页面中可以嵌入php代码，这些代码在每次页面被访问时执行，PHP代码将在服务器中被解释生二、什么是MySQL MySQL是一个快速而又健壮的关系数据库管理系统，一个数据库将允许你高效地存储、搜索、排序和检索数据， MySQL服务器控制对数据的访问，而确保多个用户可以并发使用，三、PHP标记 PHP代码是以""为结束，可以告诉web服务器php代码的开始和结束，可以隔离php代码和HTML代码. 四种标记风格，推荐使用第一种 1、xml风格 order process'; ?>： 阅读全文
jQuery插件之-jQuery URL Parser
2013-06-19 15:10 by 臭小子1983, 486 阅读, 0 推荐, 收藏, 编辑
摘要：jQuery插件Query URL Parser用于解析URLs字符串。通过它我们可以方便地获取协议、主机、端口、查询参数、文件名、路径等等。在一些静态页面需要根据参数来调整一些内容的时候这个插件还是挺有用的。官方下载（托管在github）：http://github.com/allmarkedup/jQuery-URL-Parser本地下载地址：jQuery-URL-Parser插件可以返回的数据有下面几项：1 、来源 - URL本身2 、协议 - 例如 HTTP，HTTPS，文件等3 、主机 - 如 blog.xiaoningmeng.com，localhost 等4 、端口 - 例如 8 阅读全文
CSS3 @font-face
2013-06-18 11:42 by 臭小子1983, 274 阅读, 0 推荐, 收藏, 编辑
摘要：@font-face是CSS3中的一个模块，他主要是把自己定义的Web字体嵌入到你的网页中，随着@font-face模块的出现，我们在Web的开发中使用字体不怕只能使用Web安全字体，你们当中或许有许多人会不自然的问，这样的东西IE能支持吗？当我告诉大家@font-face这个功能早在IE4就支持了你肯定会感到惊讶。我的Blog就使用了许多这样的自定义Web字体，比如说首页的Logo，Tags以及页面中的手写英文体，很多朋友问我如何使用，能让自己的页面也支持这样的自定义字体，一句话这些都是@font-face实现的，为了能让更多的朋友知道如何使用他，今天我主要把自己的一点学习过程贴上来和大家分 阅读全文
CSS3 icon font完全指南
2013-06-17 15:57 by 臭小子1983, 294 阅读, 0 推荐, 收藏, 编辑
摘要：大家都知道现在各个浏览器都支持CSS3的自定义字体(@font-face)，包括IE6都支持，只是各自对字体文件格式的支持不太一样。那么对于网站中用到的各种icon，我们就可以尝试使用font来实现，本文将详细讲解这种用法。为什么要将icon做成字体？在很多网站项目中，我们常常会用到各种透明小图标，然后网站要兼容各个浏览器，也可能会有多个尺寸，甚至还要考虑换肤等需求。那么我们就要将这些小图标输出为多种尺寸、颜色和文件格式，比如png8 alpha透明或者png8 index透明等。比如，twitter用到的各种小icon：这种情况下，使用字体来实现图标就有很多优势：字体文件小，一般20-50k 阅读全文