摘要：前言本文将介绍一种最快速的创建Ghost博客系统的方法，并实现绑定二级域名到该博客系统。本文以本博客的“微博客”为例。一键创建Ghost博客系统Kite 是 Ghost 博客托管商，网址为：https://runkite.com设该博客地址为：http://xiazdong-microblog.ru... 阅读全文

摘要：前言过去，Web设计师为了保证网站能够正常显示，只能使用“Web安全字体”，即每台机器都预装的字体。但Web安全字体有时并不好看...@font-face能够使得任何一台机器能够显示理想中的字体。字体定义文件这里我们只要知道有这些格式的字体文件即可，不用背下来。ttf：True Type Font，Windows里面一般都是这种格式的，【控制面板】->【字体】可以查看系统自带字体。otf：Open Type Fonteot：Embeded Open Type，IE仅支持该字体。woff：Web Open Font Format。svg：基于SVG渲染的字体。@font-face定义字体@ 阅读全文

摘要：介绍code prettify 解释为 “代码修饰”。他由JS代码和CSS代码构成，用来高亮显示HTML页面中的代码。支持：C, Java, Python, Bash, HTML, XML, Javascript, Makefiles, Ruby, PHP, Awk, Perl, Basic, Cl... 阅读全文

摘要：... 阅读全文

摘要：介绍Emmet是一个插件，在IDE中安装该插件后即可使用该功能。HTML代码写起来虽简单，但是重复代码很多，Emmet能够存在一种HTML代码简写法(比较类似CSS的选择器写法)，比如div.c1>ul>li*4(按下tab)将生成如下HTML代码，是不是非常方便： 支持Emmet插件的编辑器基本用法E: 生成E#N: 生成E.N:生成E{value}: 生成valueE+N: 生成E>N: 生成B>E^N: 生成. >表示下级，^表示上级E[attr1="foo1" attr2="foo2"]: 生成E*n:生成n... 阅读全文

摘要：前言Amazium是一个网格系统的框架，分析该源码的目的是了解网格系统的实现。网格系统定义：设计美观页面布局的方式，上图能够很直观的了解什么是网格系统。基本概念column: 列。gutter: 两列之间的槽。优势：界面更美观、统一。劣势：有人认为他局限了创造力。常用网格系统：960.gs, Golden Grid System, Gridsetapp（很好用，但是只有30天）, Amazium.宽度为960px是因为以前屏幕大多数是1024*768，由于现在屏幕越来越大，因此出现了很多宽度更大的网格系统。建议：(1)首先使用gridsetapp将网格布局设计出来，并保存成png，在photo 阅读全文

摘要：前言如果你以前在使用 Dreamweaver 或 Zendstudio 编写HTML,CSS代码，那么你可以尝试使用这个编辑器。他的界面简洁，舒服。介绍免费、开源、跨平台的前端开发环境（只是前端开发环境），由Adobe创建和维护，遵循MIT License，支持 Windows、Linux、OS X 平台，大小只有40M左右。功能特色Live Preview：代码一修改，浏览器中立即呈现，不需要多余的刷新页面操作。Open Folder命令：以一个文件夹作为一个工程。快捷键 CTRL+ E光标停在某个id/class按下此快捷键，则快速显示关联的CSS、JS，免去了寻找对应CSS的烦恼。光标停 阅读全文

摘要：前言本教程针对已经基本熟悉HTML4基本标签的人。HTML的发展历程HTML 1.0: 1993年6月由IETF(Internet Engineering Task Force, 互联网工程工作小组)作为草案发布。HTML 2.0: 1995年11月作为RFC 1866发布，但目前已过时。HTML 3.2: 1996年1月14日由W3C(World Wide Web Consortium, 万维网联盟)作为推荐标准发布。HTML 4.0: 1997年12月18日由W3C作为推荐标准发布。HTML 4.01: 1999年12月24日由W3C作为推荐标准发布，此版本是目前我们最常见的版本。XHTM 阅读全文

摘要：[ 显示目录 ][ 隐藏 ]目录基本概念CSS组成部分CSS的规则引入CSS样式的方法颜色的表示CSS Reset选择器分类浮动盒子模型box-sizing属性实例：实现“田字格”布局实例：实现metro风格布局实例：画三角形实例：画一棵树设置字体属性设置段落属性设置背景及背景图片的属性自定义列表标志display常用属性inline-block去除间距例子：垂直居中对齐position属性案例：实现顶部导航案例：实现登录界面IE 6 双倍margin的bugoverflow属性单页面设计响应式设计常用工具参考文献前言本教程针对熟悉HTML4、初步使用过CSS的人。基本概念CSS(Cascad 阅读全文