高质量的css

• css的API使用(基础)
• css的组织(base.css+ common.js + page.css)
  三个css是层叠的关系。

base.css

位于最底层，提供reset.css功能以及粒度最小的通用类——原子类。相对稳定，基本不需要维护

common.js

位于中间层，是样式的模块化。
是要高度重用的模块，可以视为组件，放在common.css
不同的网站有不同的common层，但是同一个网站只应该有一个common层。

page.css

位于最高层，提供页面级的样式。

1.flexbox的基本知识

布局模式

之前css2：

• 块布局
• 行内布局
• 表格布局
• 定位布局

现在：css3引入布局模式Flexbox布局；
主要思路：以最佳的方式填充可用空间。

第二章 javascript简介

• netscape创建LiveScript脚本语言。搭java顺风车就改为javascript。
• js三部分：ECMAScript，dom，bom
• script标签的defer和async属性只针对外部文件，一般不用，没有这两者的时候，就会按照在页面中出现的位置先后执行的。
• js文件放在html外部的优势：可维护性，可缓存，适应未来。
• 如果浏览器不支持javascript，那么可以用noscript标签来写出替代说明文字。

css3选择器分类

• 基本选择器
• 层次选择器
• 伪类选择器
• 伪元素
• 属性选择器

其中最为复杂的是伪类选择器。
以下是css3选择器的分类图

简介

transition与animation的区别：
transition是只能指定属性的初始状态和结束状态，然后在这两个状态中实现平滑的过渡；
animation是通过先通过关键帧来声明一个动画，然后调用，可以实现更为复杂的动画效果。

简介

transitionde的功能：就是实现css的属性值在一定的时间区间内平滑的过渡。
除了javascript处罚外，还有一些伪类来触发：:hover; :focus; :active; :target; :checked。

题记

私信对话框，类似于QQ，微信等等这些社交软件很常见的东西，但是实现起来却有它自己的难度。页面的实现还可以，关键就是下拉和上拉很自然的，感觉很不错。其实这都是好的，关键是用微信浏览器打开的网站默认的下拉会出现如下情况：

是不是很烦，反正我觉得是！

说明：
博客终于搭建的差不多了，现在去简书post以前写的一篇笔记来测试测试。

测试内容：
1.标签可行
2.more的使用
3.是否可以评论