发表于： 2019-06-10 23:41:03
1 751
今天完成的事：
提交了任务5，并对任务5的深度思考整理学到的知识点
将要用到的小图在ps上切下来，了解了什么是雪碧图
CSS雪碧图，即CSS Sprite，也有人叫它CSS精灵图，是一种图像拼合技术。该方法是将多个小图标和背景图像合并到一张图片上，然后利用CSS的背景定位来显示需要显示的图片部分
首先布局header，让header紧贴顶部
明天计划的事：
布局列表主体部分，给头部添加居中按钮组，用css模拟下拉框
遇到的问题：
对雪碧图的地址格式还没弄清楚，还不能正确的引用雪碧图。
收获：
CSS可以绘制哪些常见的特殊形状？
三角形、正方形、梯形、圆形、平行四边形、椭圆、五角星，爱心。
如何理解vertical-align与line-height？
line-height基本概念
定义：行高是指文本行基线baseline之间的垂直距离
属性值可以设置固定长度
vertical-align支持很多属性值；(关键字值:vertical-align等等: middle;长度值：vertical-align: 4px等等；百分比值：vertical-align: 10%...等等)
返回列表
评论