发表于: 2019-11-01 22:10:23
1 1063
今天完成的事情:(一定要写非常细致的内容,比如说学会了盒子模型,了解了Margin)
再次了解margin和padding,查看自适应和viewport相关资料,用PS快速导出图型功能导出任务图片,初步完成镜像页面布局
一开始走入误区用绝对定位 之后通过 margin和padding来实现
明天计划的事情:(一定要写非常细致的内容)
深入了解基础知识,标签的运用等
遇到的问题:(遇到什么困难,怎么解决的)
单位从PX换到rem,却忘了rem和PX的区别,单看界面的效果忽略了,无法实现百分比的切换,卡住了挺久,师兄帮忙讲解,认识到问题方向,及时整改,收获颇多。
用ps查看图片像素不太会 有时候不知道点哪里了就看到了 想用的时候又点不到 明天试着下载切图的插件用用看
收获:(通过今天的学习,学到了什么知识
图片大小可以通过下面代码修改到合适大小,width为宽度,hegith为高度
- width:控制 viewport 的大小,可以指定的一个值,如 600,或者特殊的值,如 device-width 为设备的宽度(单位为缩放为 100% 时的 CSS 的像素)。
- height:和 width 相对应,指定高度。
- initial-scale:初始缩放比例,也即是当页面第一次 load 的时候缩放比例。
- maximum-scale:允许用户缩放到的最大比例。
- minimum-scale:允许用户缩放到的最小比例。
- user-scalable:用户是否可以手动缩放
盒子里可以放不知图片,也可以放文字
视网相对单位:VW VH WMAX VMIN
<p></p> 换行
块级元素霸道 独占一行 需要同一行的时候要使用浮动元素
float:right;
text-align 属性规定元素中的文本的水平对齐方式。
明天复习基础知识,打好基础。 不然用的时候一愣一愣的
评论