发表于: 2019-11-01 22:10:23

1 1065


今天完成的事情:(一定要写非常细致的内容,比如说学会了盒子模型,了解了Margin)


再次了解margin和padding,查看自适应和viewport相关资料,用PS快速导出图型功能导出任务图片,初步完成镜像页面布局

一开始走入误区用绝对定位  之后通过 margin和padding来实现 


明天计划的事情:(一定要写非常细致的内容)

深入了解基础知识,标签的运用等


遇到的问题:(遇到什么困难,怎么解决的)

单位从PX换到rem,却忘了rem和PX的区别,单看界面的效果忽略了,无法实现百分比的切换,卡住了挺久,师兄帮忙讲解,认识到问题方向,及时整改,收获颇多。

 用ps查看图片像素不太会 有时候不知道点哪里了就看到了 想用的时候又点不到  明天试着下载切图的插件用用看
收获:(通过今天的学习,学到了什么知识

图片大小可以通过下面代码修改到合适大小,width为宽度,hegith为高度

<img src="./img/ZZ.png" alt="返回键" width="27px" height="27px">


<meta name="viewport" content="width=device-width, initial-scale=1.0">
  • width:控制 viewport 的大小,可以指定的一个值,如 600,或者特殊的值,如 device-width 为设备的宽度(单位为缩放为 100% 时的 CSS 的像素)。
  • height:和 width 相对应,指定高度。
  • initial-scale:初始缩放比例,也即是当页面第一次 load 的时候缩放比例。
  • maximum-scale:允许用户缩放到的最大比例。
  • minimum-scale:允许用户缩放到的最小比例。
  • user-scalable:用户是否可以手动缩放

盒子里可以放不知图片,也可以放文字


视网相对单位:VW VH WMAX VMIN


<p></p> 换行 


&nbsp; 空格 


块级元素霸道 独占一行 需要同一行的时候要使用浮动元素

float:right;

floatleft;


text-align 属性规定元素中的文本的水平对齐方式。


明天复习基础知识,打好基础。 不然用的时候一愣一愣的


返回列表 返回列表
评论

    分享到