发表于： 2017-04-06 22:44:08
1 632
今天完成的事情：学习CSS深入了解之vertical-align，雪碧图的技巧，relative，line-height；CSS自适应布局，为任务七做准备
明天计划的事情：完成任务七
遇到的问题：看视频做笔记没困难，就是新来的师弟是软件行业干过两年的，下周让师兄给我换了，带不了
收获：雪碧图本质：控制一个层可显示的区域范围大小，通过一个窗口进行背景图的滑动；雪碧图自动生成工具cssgaga
vertical-align:top inline元素：元素底部和整行的底部对齐；table-cell元素：单元格底padding边缘和表格行的底部对齐，bottom同理
元素vertical-align垂直对齐的位置和前后的元素都没有关系，同行高line-height没有关系，只与字体大小font-size有关；使用文本底部较合适，不受行高以及其他内联元素影响
CSS自适应布局步骤：看效果图，思考页面的构造，理清元素之间的关系，特别注意不同设备需要怎样的展示，最后敲代码
核心：尺寸，布局方式定位这些只是改变元素之间的关系
浮动核心：让元素脱离普通流，然后使用width/height,margin/padding将元素定位
师兄写不完了，我还要写论文，就先写这么多
返回列表
评论