发表于: 2018-07-21 22:18:20
1 635
今天完成的事:修改好了了登录页面,提交任务,开始任务五的学习。
明天的计划:开始做任务五。
遇到的问题:
昨天做的登录页面只是看上去可以了,实际上还是有一些东西没加,在给“登录”做bottom的时候,发现登录按钮有白框,把border设为0没用,又把margin和padding都设成0,还是没用,百度后了解到还需要加一个outline(中文轮廓)属性。
收获:
position属性设置元素的定位方式,为要定位的元素定义定位规则。
position属性主要有四种:static、relative、absolute、fixed。
static是默认属性。使得该元素正常表现,即元素处于文档流中它当前的布局位置,top,bottom,right,left,z-index属性无效。
relative:设置这个关键字并不会改变布局。
absolute:不为元素预留空间,元素通过指定与其最近的非static定位的祖先元素的偏移来确定。绝对定位可以设置外边距,而且不会和其他边距合并。
fixed:不为元素预留空间。通过指定相对于屏幕视窗的位置来指定元素的空间,并且该元素的位置在屏幕滚动时不会发生改变。
相对定位(position: relative)的元素仍然被认为是处于文档流之中。相比之下,绝对定位(position: absolute)的元素则被认为脱离了文档流。绝对定位元素的位置是相对于他最近的定位祖先元素(position值非static)。如果没有这样一个祖先元素,则相对于原始的容器。
对于相对定位元素,top和bottom属性指定它相对正常位置的垂直偏移,left和right属性指定水平偏移。
对于绝对定位元素,top和bottom等属性指定元素与其包含块的偏移,即此时位置为与包含块的相对位置。元素的边距(margin)定位在这些偏移之中。
float属性
float 是 css 的定位属性。浮动的元素仍然是网页流的一部分。这与使用绝对定位的页面元素相比是一个明显的不同。绝对定位的页面元素被从网页流里面移除了。绝对定位的元素不会影响其它元素,其它元素也不会影响它,无论它是否和其它元素挨着。
fload属性有四个可用的值:Left 和Right 分别浮动元素到各自的方向,None (默认的) 使元素不浮动,Inherit 将会从父级元素获取float值。
评论