HTML和CSS入门 on Udacity
今天一天的时间在看Udacity上面的免费课程“HTML和CSS入门”， 虽是入门课程，但很有效的帮我梳清了条理，还get到了不少知识点，以下是笔记。
Google Fonts
Google fonts(https://fonts.google.com/)使用方便，本网使用的字体是lato.
Placeholder pics
https://placeholder.com/
除了这个网址，还有一些小猫小狗的placeholder pics，我还是决定放过它们。
刚开始做这个blog的时候，很多时间花在了照图片上面，找到一张符合心意的图片可真难，而且还需要编辑。
box-sizng: border-box;
找到一个博客，介绍很精准：http://blog.csdn.net/u014326381/article/details/61641536
有两种盒子模型，而box-sizing可以设置box width包不包括padding and border.
display: flex
一篇博客：http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html
备用：https://css-tricks.com/snippets/css/a-guide-to-flexbox/
目前浅显的理解是可以让一个div里面的N个div并排显示
normalize.css
之前有看到但是现在才明白它的用处：它可以让网页在各种大小的屏幕上有一个统一的显示。
盒子无处不在
精准。以后慢慢展开。
code, test, refine
不然呢
Media queries: Change CSS properties depending on device, screen size and color
重难知识点
Other frameworks:
- Bootstrap: http://getbootstrap.com/
- Foundation: http://foundation.zurb.com/
- Yaml: http://www.yaml.de/
- 960 Grid: http://960.gs/
- Susy: http://susy.oddbird.net/
Bootstrap typography and modal
直接在div的class里面设置text, 想想都开心。modal会用上上面的media queries, 可以一起深挖。