Lesson 5: Positioning Content

Contents

• What floats are and how to use them to position content
• How to clear and contain floated elements
• How to position content with inline-block elements
• How to remove the white space between inline-block elements
• How to uniquely position content with relatively and absolutely positioned elements

Lesson 4: Opening the Box Model

Contents

• How different elements are displayed
• What the box model is and why it’s important
• How to change the size, including the height and width, of elements
• How to add margin, padding, and borders to elements
• How to change the box sizing of elements and the effects this has on the box model

Lesson 3: Getting to Know CSS

Contents

• How style sheets cascade from the top to the bottom of a file
• What specificity is and how we can calculate it
• How to combine selectors to target specific elements or groups of elements
• How to use multiple classes on a single element to layer on different styles for more modular code
• The different color values available to use within CSS, including keyword, hexadecimal, RGB, and HSL values
• The different length values available to use within CSS, including pixels, percentages, and em units

Lesson 2: Getting to Know HTML

Contents

• What semantics are and why they are important
• <div>s and <spans>s, and the difference between block- and inline-level elements
• Which text-based elements best represent the content of a page
• The HTML5 structural elements and how to define the structure and organization of our content and page
• How to use hyperlinks to navigate between web pages or websites

Lesson 1: Building Your First Web Page

Contents

• The difference between HTML and CSS
• Getting acquainted with HTML elements, tags, and attributes
• Setting up the structure of your first web page
• Getting acquainted with CSS selectors, properties, and values
• Working with CSS selectors
• Referencing CSS in your HTML
• The value of CSS resets

分享那些值得记录的好文章

简介

Alfred作为Mac下排名第一的应用，功能极其强大，可以快速的搜索本地程序、使用搜索引擎搜索、查询词典、发送邮件、查找文件、剪贴板 管理、音乐控制等等功能。特别是V2版本新增了Workflow功能，全球各地的开发者为其创造了数百个workflow插件，更是极大地扩展和丰富了它的威力。

基础篇

用Alfred可以用来做什么，可以直接替换掉系统自带的Spotlight吗？继续阅读之前，建议先看看这篇介绍文章。

好了，看完Alfred的基础功能介绍，是不是瞬间那些Windows上的那些应用快速启动程序弱爆了？那下面就让我们看看有了Workflow之后还可以做什么？

三步走：申请AppId；安装GoAgent；安装代理软件

8月5号晚上下单2014新款13.3寸 Macbook Pro Retina（MGX72），8月8号到手，卖家包装非常不给力，幸好只是包装的一角挤压了，本本无恙。想来刚接触新的系统一定是非常不习惯的，虽然Windows系统用起来也不是很爽，但是毕竟用久了，一些常用的工具需要快速找到替代品。于是，就有了这篇关于Mac入门的文章，主要介绍系统基础工具以及一些进阶神器，边用边写，慢慢更新吧。

Android Log的普遍问题

看过很多Android原生应用或者第三方应用的log记录都是相当的不规范，导致在控制台查看某个应用或者某个tag的log输出是相当痛苦的事情。虽然你可以用grep命令来过滤指定的log，但是你记得住自己的应用有多少个log tag吗？本文就来谈谈如何通过简单的两步走，实现应用log的规范精致输出。