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

Android Log的普遍问题

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

前言

在2013 google IO当天，Android团队更新了Android Support Library，在新版本V13中新加入了几个比较重要的功能：

• 添加DrawerLayout控件，支持创建Navigation Drawer模式。可以设置从左边划出菜单或者右边，也可以左右菜单同时存在。
• 添加SlidingPaneLayout控件来支持各种屏幕上的摘要、详情界面模式。比如Gmail邮件列表和单个邮件详情界面。当在手机上显示的时候，邮件列表和详情界面分别为两个界面；当在平板上显示的时候，则为一个界面。
• 添加ActionBarDrawerToggle工具类，方便把DrawerLayout和ActionBar功能结合起来。

EasyAdapter的安装

[1] Github地址 和 Jar包下载地址。

[2] 如果在源码编译中引用jar包需要在项目的Android.mk中添加：

1
2

LOCAL_STATIC_JAVA_LIBRARIES += easy-adapter
LOCAL_PREBUILT_STATIC_JAVA_LIBRARIES += easy-adapter:libs/easyadapter-1.0.1.jar

[3] 如果使用了代码混淆，一定要在proguard.flags文件中去掉对easy-adapter代码包的混淆：

1
2
3

-keep public class uk.co.ribot.easyadapter.** {
    public protected *;
}