美食网首页(HTML5+CSS3响应式设计)demo

      最近初学html5和css3,然后做了这个demo，主要是巩固学到的东西，另一方面感受一下html5的响应式设计是如何搭载在不同客户端，各个不同大小的屏幕之下的强大之处。在文章下面会写出自己的在做这个项目时的总结体会，希望做个笔记吧，也希望能和大家分享，交流。还是一枚初学者，可能demo有点简单，还希望包涵，也希望提出您宝贵的意见，在今后的学习中会加以改正，谢谢拉。

代码地址：我的github

本来做了gif图的，但是放不下，只能用图片了，请见谅，过后有时间我去搞搞服务器，再回来改改😞

顺便问问图片不能缩小吗😢

总结：（都是一些基础性的，现在看来我也觉得简单，但毕竟刚开始做，请多原谅吧）

调试每个大范围的时候记得给个background-color,确定一下范围

每一个大层用id ，然后class

文字放左放右：text-align

加粗：font-weight:border

文字与文字之间，文字和整个页面之间：margin

文字里特殊的几个属性，用复合选择器

自身的边框处理：border

文字的颜色：color

下划线：text–decoration

想和其他文字同一行，但是自己能够调整高度和宽度：display: inLine-block

去阴影：outline:none

跳出当前路径去另一个路径： …/

背景图片的设置：background-color

文本框中的提示内容  ：  input placeholder = “请输入帐号名“

暗文： type ＝ “password”

去边框：border:0px

点击文本框变颜色：border-color

接触变成手：cursor:point

图片不平铺：no-repeat

href=“#”跳转到本页面顶部，一般建议写成javascript:void(0);要好一点，点了一点反应都没有，写#点了会跳一下的

设置阴影效果，不透明度：opacity:xxx

响应式设计：宽度到达某个位置时，响应

      @media screen and (max-width:)   {

               }