知识复习整理一：

CSS3 CORE 目录清单 :

- 选择器
- 计数器
- 多列
- CSS HACK
- transform(2D/3D)
- transition
- animation

选择器

1\ 兄弟选择器
    - 相邻兄弟:匹配下一个相邻元素。注:只能向下找。
        语法: + 作为结合符
            selector1 + selector2
    - 通用兄弟选择器:匹配某元素后面[所有的]兄弟元素。
        语法: ~ 作为结合符
            selector1 + selector2
2\ 属性选择器
    **将元素所附带的属性及值用于选择器中**
    语法: []  
    e.g.:    element[value = xx];
        element[id];
        [attr];
        element[id][title];
        结合选择符 ^ ~ $ *
        element[id^=fun]     //匹配所有element中带有id前缀为fun的元素
        element[id$=fun]     //匹配所有element中带有id后缀为fun的元素
        element[class~=fun]  //匹配所有element内class属性中含有fun单词的元素
        element[id*=fun]     //匹配所有element内id属性中含有fun字符的元素

概念部分

1.响应式页面的由来

在很久很久以前，我们做的网页只是为了PC端的观看、使用，直到2000年，2.5G手机的出现，人们可以通过手机来访问网络，使得服务商们纷纷做了另一套网页为手机访问服务，这个情况一直持续到2009年，3G智能手机的出现，手机可以访问PC端页面，只是对PC端页面进行了压缩，接着IOS提出了viewport(视口)的概念，才得以改进，大型网页可以不经缩放直接显示在手机——只是需要用户左右滑动屏幕，来看到更多的内容。

2010年，响应式网页概念被提出了：一个网页，可以适应各种不同的屏幕。响应式网页一般适合于企业门户、电子政务、资讯类….一屏下内容不是非常多的页面；但是不适合于京东首页等大型页面。

2.如何制作响应式页面

非常简单！

方法1：使用已有的响应式网页框架，如bootstrap;（框架官网都有使用的介绍）

这里说一个事情:框架都是人写的！不单单要会用框架，一个合格的前端开发工程师应该明白原理到底是怎么样的！！
我们用的框架都是业内大的公司自己用着不错，然后分享出来的。

方法2：手写呗；

• a:声明页面viewport标签—-响应式页面的前提条件