发表于: 2018-06-14 21:02:32

1 564


今天完成的事情:今天做了一部分任务五,明天任务五差不多就完成了,然后看了昨天说要看的知识点, 然后今天补了任务3.任务4的总结.



明天计划的事情:明天写完任务五之后看任务六,然后熟悉工具的运用,然后明天技术看标签和属性,肯定不会让自己闲着,然后明天把写好的日报同步,补充自己的个人资料本来要今天做的,但是今天没有带身份证还有银行卡就拖到了明天。
遇到的问题:图片无法注入文字,后来用绝对定位,然后完美解决.




收获:今天学会了如何运用绝对定位,然后如何在图片上注入文字,然后定位,然后今天看资料学会了

可以使用百分比的样式属性: 
定位:top,right,bottom,left; 
盒模型:height,width,margin,padding, 
背景:background-position,background-size(css3), 
文本:text-indent, 
字体:font-size;

然后是今天写的代码















收获:

学会使用ps工具,下载了Photoshop并破解jiaru一键切图

了解px是基本单位,灵活性不够,比较死板。

em是继承于父元素的单位。

rem是继承于根目录的元素单位。

可以设置图片的宽度百分比来适应网页大小。

img等行级元素是不能设置margin:auto。要设置display:block;

文字居中使用

text-align: center;

图片居中:

给父级元素设置样式:

     a、设定宽度和高度width、height

     b、设置text-align:center     vertical-align:middle

     c、设置display:table-cell

给Img设置max-width:100%     max-height:100%



两列同行并列  width:50%  float:left











收获:

CSS有三种基本的定位机制:普通流,浮动和绝对定位

普通流是默认定位方式,在普通流中元素框的位置由元素在html中的位置决定,元素position属性为static或继承来的static时就会按照普通流定位,这也是我们最常见的方式。

相对定位比较简单,对应position属性的relative值,如果对一个元素进行相对定位,它将出现在他所在的位置上,然后可以通过设置垂直或水平位置,让这个元素相对于它自己移动,在使用相对定位时,无论元素是否移动,元素在文档流中占据原来空间,只是表现会改变。


相对定位可以看作特殊的普通流定位,元素位置是相对于他在普通流中位置发生变化,而绝对定位使元素的位置与文档流无关,也不占据文档流空间,普通流中的元素布局就像绝对定位元素不存在一样。

绝对定位的元素的位置是相对于距离他最近的非static祖先元素位置决定的。如果元素没有已定位的祖先元素,那么他的位置就相对于初始包含块儿(body或html神马的)元素。

因为绝对定位与文档流无关,所以绝对定位的元素可以覆盖页面上的其他元素,可以通过z-index属性控制叠放顺序,z-index越高,元素位置越靠上。

fixed(固定定位):生成绝对定位的元素,相对于浏览器窗口进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。可通过z-index进行层次分级。


 css样式可以使用百分比的属性

可以使用百分比的样式属性: 
定位:top,right,bottom,left; 
盒模型:height,width,margin,padding, 
背景:background-position,background-size(css3), 
文本:text-indent, 
字体:font-size;


color 用来改变字体颜色



返回列表 返回列表
评论

    分享到