发表于： 2020-04-12 23:54:21
1 1397
今天完成的事情
- 做雪碧图
- 下载 Bootstrap，速度好慢
- 查看了 Bootstrap 相关的引用和用法
- 浏览 CSS 编码规范
- 任务 6 只完成了头尾，主体还没弄
明天计划的事情
- 继续做任务 6，做列表头下拉框等。
遇到的问题
- 一开始没怎么看官网上的任务步骤，Bootstrap 的相关教程看了一下，以为 header 那里是要用胶囊导航，最后看官网时发现是要用按钮组和图标按钮来弄。图标按钮应该是普通按钮 + 背景图吧，不太清楚。
- 切图时的透明底图片用 CSS Sprites Generator 这个网站合成了雪碧图，但是使用其做背景时发现图标偏大，改变尺寸图标就不完整或者不对了。最后还是用 PS 把图尺寸改小，CSS 相关属性值也按比例缩小。
- 不知道什么时候要用 Bootstrap 里的类名，比如居中，是我自己写还是去找框架里存在相应属性的类名来用。
- CSS 规范的缩进空格数，网上有说 2 个也有说 4 个的，这个现在按习惯来应该就行吧。
收获
- 对 Bootstrap 有了个大致了解，知道 Bootstrap 基本的 HTML 模板。
- 发现了 vscode 上一个叫 live serve 的能够实时刷新页面的插件。
返回列表
评论