最近初学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:) {
}
网友评论