发表于： 2016-06-07 00:18:18
3 1007
今天完成的事情：task10
明天计划的事情：自适应和响应式再看看，bootstrap。task11
遇到的问题：
收获：bootstrap是一个开源的前端框架，它不仅包含css还包含js插件等内容，不仅支持响应式布局，还支持定制的css样式和js的相关功能，今天主要用了bootstrap的栅格结构写的task7，其中-xs,-sm,-md,-lg对应的屏幕尺寸也不相同，在相应是的布局中可以根据屏幕的大小选择不同的栅格布局，可以在div中写》=一个类，中间用空格隔开就好。
| 超小屏幕 手机 (<768px) | 小屏幕 平板 (≥768px) | 中等屏幕 桌面显示器 (≥992px) | 大屏幕 大桌面显示器 (≥1200px) | |
|---|---|---|---|---|
| 栅格系统行为 | 总是水平排列 | 开始是堆叠在一起的，当大于这些阈值时将变为水平排列C | ||
.container 最大宽度 | None （自动） | 750px | 970px | 1170px |
| 类前缀 | .col-xs- | .col-sm- | .col-md- | .col-lg- |
对bootstrap的认识还不到位，明天再补补。
又看了下之前的html基础，发现漏的的东西还不少，比如font的复合用法，background的attament，position属性等都不太熟悉，学新知识的同时还是需要看看以前的东西呀。
之前有用到雪碧图的合成，以前按照官网上的教程安装什么软件搞半天弄不懂，看到有师兄说雪碧图可以在线合成，用起来比较方便，我用的是这个，http://alloyteam.github.io/gopng/###，像一个小的logo或者是小的图标使用雪碧图可以加快网页的加载速度，而且用起来也比较好用。
task10:119.10.57.67:880/ptt003/task10.html
task10-2:119.10.57.67:880/ptt003/task10-2.html
返回列表
评论