发表于： 2018-10-13 20:06:22
1 660
今天完成的事情：
1.知晓块级元素与行内元素：
行内元素一般是内容的容器，而块级元素一般是其他容器的容器。一般情况下，行内元素只能包含内容或者其它行内元素，宽度和长度依据内容而定，不可以设置，可以和其它元素和平共处于一行；而块级元素可以包含行内元素和其它块级元素，且占据父元素的整个空间，可以设置 width 和 height 属性，浏览器通常会在块级元素前后另起一个新行，最明显的区别就是，块级元素会其大小也是可控的，行内元素不能设置它的高和宽。
2.各单位的区别？
px像素（Pixel）值是固定的，不会随着屏幕宽度变而变。em:是相对单位。em其实就是一种排版的测试单位.
rem的区别：em相对于父元素，rem相对于根元素。这极大地简化了与相关长度单位的合作。
%(percentage)以百分比形式设置的长度基于父元素的相同属性的长度。例如，如果一个元素以450px宽度呈现，宽度设置为50％的子元素将呈现225px。
vw-这是“视口宽度”单位。 1vw等于视口宽度的1％。它与百分比类似，不同之处在于，所有元素的值都保持一致，无论其父元素或父元素宽度如何。
vh-这与vw（视口宽度）单位相同，只是它基于视口高度。vmin and vmax：关于视口高度vh和宽度vw两者的最小值或者最大值。
3.margin，padding 的使用？
margin是不可见的但是可以用来隔开元素与元素的间距；
padding是用来隔开元素与内容的间隔。
4.viewport的运用
在头部添加viewport标签然后设置参数就可以实现网页在不同规格的屏幕上显示
明天计划的事情：（一定要写非常细致的内容）
前期的代码太过于混，准备 重新写一遍任务四
遇到的问题：在输入账户密码的时候会重新重新input的边框
收获：
1.知晓块级元素与行内元素：
2.各单位的区别？
3.margin，padding 的使用？
返回列表
评论