【CSS练习】IT修真院--练习6-护工列表界面

2018-06-18
阅读 3 分钟
2.5k
任务六、 护工列表页 完成的事情 1.规划任务六2.完成基本界面编写 计划的事情 [x] 限制最小宽度 [x] 使用雪碧图替换当前的多张图片引入 [x] 完成模拟下拉框编写 [x] 屏幕过窄时,列表项左边文字被截断出现省略号 [x] 复习之前的代码规范,优化代码 [x] 查看验收标准 [x] 查看深度思考 遇到的问题 收获 1.页面原生CSS分块...

【CSS练习】IT修真院--练习5-护工个人界面

2018-06-13
阅读 7 分钟
2.6k
任务五、 一个最常见的移动端页面 完成的事情 float学习 张鑫旭《CSS世界》相关章节 张鑫旭 float系列 了解CSS通配符 & 选择器性能优化/浏览器渲染原理 background学习(各属性及效果) 完成任务五 学习CSS编码规范CSS编码规范, 并按照编码规范优化代码 完成深度思考 计划的事情 [ ] 找时间把前面任务的官方提供链接过...

【CSS练习】IT修真院--练习4-移动端界面

2018-06-09
阅读 6 分钟
3.6k
任务四、 一个最常见的移动端页面 完成的事情 完成简单布局,然后填充界面 与效果图对比优化 完成验收要求:header扩展性 & 顶栏固定 进行placeholder样式兼容性研究 完成任务四-深度思考 task4跟随深度思考 & 师兄建议进行修改 输入栏左侧换用label 输入限制 电话11位,密码16位 根据HTML结构的语义化修改index...

【CSS练习】IT修真院--练习3-简单界面

2018-06-05
阅读 4 分钟
3.9k
任务三、 一个最简单的移动端页面 今天完成的事情 运用布局知识跟随设计图进行布局,完成简单Demo并继续学习优化. 让布局更好适应屏幕变化(使用了盒模型及百分比). 了解rem&em&px区别 & 在Demo中应用rem. 图片处理学习. 明天计划的事情 [ ] 深度思考:手机分辨率和网页px的区别(TODO:周末补学) link1 link2 ...

【CSS练习】IT修真院--练习2-开发工具

2018-06-01
阅读 3 分钟
3.1k
任务二. 认识开发工具 今天完成的事情 IDE & 编辑器对比 版本管理工具学习 Git基本操作 代码托管平台对比 服务器使用学习 明天计划的事情 分析任务三, 完成规划及部分开发 遇到的问题 暂无 收获 IDE & 编辑器对比 参考:Atom、Sublime Text、VSCode 三者比较,各有哪些优势和弱势? Webstorm: 一款成熟的IDE,对...

【CSS练习】IT修真院--练习1-九宫格

2018-05-30
阅读 4 分钟
4.6k
九宫格——用html+css制作一个网页 一. 目标效果: 二. 效果描述 圆角橙色九宫格,自适应页面大小 三. 开发计划 1. 开发 [x] index.html建九个div.block [x] app.css设定block大小颜色圆角横排 [x] 寻找自适应方法 重点: div大小随屏幕变化 令block的高度等于宽度 [x] 猜想:block父级宽度跟随屏幕变化,block始终为父级3...