发表于: 2021-03-11 21:29:23

1 1001


今天完成的事情:nginx的配置,完成了手机访问自己的网页。完成了任务三,预习了任务四

明天计划的事情:任务四,和记住基础知识和代码元素 

遇到的问题:margin的负值还有点模糊。

收获:

什么时候用margin好,和什么时候用padding好,以及他俩的区别!

{一、元素水平分三种:block水平,inline水平,inline-block水平。三种元素各有不同的表现!

二、区别:1,padding能增加元素的容器的可视区域,margin则会减少默认块级元素的可视区域。

2,margin有负值,padding不能使用负值。

三、margin和padding的百分比值!未使用绝对定位(固定定位)的元素内外边距的%值都是继承父级盒子,如果是绝对定位(固定定位)则是根据其继承关系的定位元素,没有就是根据html元素为基准。

四、margin可以负值,而padding不能负值!}

px、em、rem、%、vw、wh、vm等单位的区别!

{1,px: 绝对单位,页面按精确像素展示。

2,em: 相对单位,基准点为父级元素的大小,如果自身定义了foot-size按自身来计算,整个的页面内1em不是固定的值。

3,rem:相对单位,为元素设定字体大小时,仍然是相对大小,但相对的只是HTML根元素。这个单位可谓集相对大小和绝对大小的有点于一身,通过它即可以做到只修改根元素就成比例地调整所有字体大小,又可以避免字体大小逐层复合的连锁反应。

4,%:相对单位,相对父级元素的百分比宽度。

5,vw:viewpoint width,视窗宽度,1vw等于视窗宽度的1%

6,vh:viewpoint height,视窗高度,1vh等于视窗高度的1%

7,vm:CSS3单位,相对于视口的宽度或高度中较小的那个。其中最小的那个被均分为100单位的vm.举个例子:浏览器的高度是900px,宽度是300px,去最小的浏览器高度,1vm等于900px除100等于9px!}


返回列表 返回列表
评论

    分享到