发表于: 2019-04-29 20:36:24
2 702
今天完成的事情:
1.serif和sans-serif的区别,serif表示字体在行的末端有额外的装饰。
sans-serif表示无额外装饰。计算机屏幕上,sans-serif更容易阅读。
2.整理标准文档流的特性。文档流和画布不一样,与元素在上面排列是有一定的规则的。
(1.空白折叠,多个空格会合并成一个。
(2.高矮不齐,底边对齐。按照最高盒子高度排列。
(3.自动换行。盒子高要是被固定,就会超出文档流。
3.如何解决手机端屏幕适配问题
4.编写代码注意事项
(1.将文件按照不同类型放到同一个文件夹下。方便查找。
(2.Html代码和视觉顺序保持一致,从上到下,从做到右。结构清楚。
(3.css文件分为“公共性样式”“特殊型样式”“皮肤型样式”。便于一些经常需更改的代码的维护。
(4.命名语义化
布局(grid)、模块(module)、元件(unit)、功能(function)、皮肤(skin)
命名可用g-header,清楚知道作用是什么。图像(u-img),清楚浮动(f-clearFloat),登录模块(m-log)。
5.图片大小不变用固定px更好,ps切图时候就要按尺寸大小保存好。
6.改变盒子距离,同级盒子用margin,父子盒子用padding
7.文字超出文本框,高度无法自适应。
行高被限制为固定值。
8.重构css代码。代码写的糟糕,自己看着都头疼,后来删除了不少,重新写。
9.切图需要根据ui图,保存固定大小。对如何做到“像素级”还原,有了更深的理解。
明天计划的事情:
完成任务六
评论