发表于: 2018-09-25 21:53:39

1 795


今天完成的事情:任务七

明天计划完成的事情:看看关于bootstrap的资料,完成任务八

收获如下:

1.什么是CSS sprites?


CSS Sprites其实就是把网页中一些背景图片整合到一张图片文件中,再利用CSS的“background-image”,“background- repeat”,“background-position”的组合进行背景定位,background-position可以用数字精确的定位出背景图片的位置。


2.什么是浮动?有哪些清除浮动的方法?


        1浮动定位元素会被排除在文档流之外-脱离文档流(不占据页面空间),其余的元素要上前补位 
   2、浮动元素会停靠在父元素的左边或右边,或停靠在其他已浮动元素的边缘上(元素只能在当前所在行浮动) 
     3、浮动元素依然位于父元素之内 
  4、浮动元素处理的问题-解决多个块级元素在一行内显示的问题 


(1)对父级设置适合高度样式清除浮动。
(2)新引入一个空的子元素,运用clear:both样式清除浮动。



3.rgba和opacity的透明效果有什么不同?display和visiblity有什么区别?


rgba可以不透明字体

opacity是透明全部

display通常可以设置为none、inline、block

visibility通常可以设置为hidden、visible

 

当display为none,visibility为hidden时,元素都会不见。不过其还有不同之处。

 

display会将元素隐藏掉,并且位置不再被占据,而visibility则是占据原来的位置。



4.描述下z-index和叠加上下文是如何形成的?

z-index属性 :
z-index只能在position属性值为relative或absolute或fixed的元素上有效。 
基本原理:z-index值可以控制定位元素在垂直于显示屏方向(Z 轴)上的堆叠顺序(stack order),值大的元素发生重叠时会在值小的元素上面。 
使用相对性:z-index值只决定同一父元素中的同级子元素的堆叠顺序。父元素的z-index值(如果有)为子元素定义了堆叠顺序(css版堆叠“拼爹”)。向上追溯找不到含有z-index值的父元素的情况下,则可以视为自由的z-index元素,它可以与父元素的同级兄弟定位元素或其他自由的定位元素来比较z-index的值,决定其堆叠顺序。同级元素的z-index值如果相同,则堆叠顺序由元素在文档中的先后位置决定,后出现的会在上面。所以如果当你发现一个z-index值较大的元素被值较小的元素遮挡了,请先检查它们之间的dom结点关系,多半是因为其父结点含有激活并设置了z-index值的position定位元素。


5.如果是在手机上查看投票页,没有hover效果时应该怎么办?

1.touchstart事件:当手指触摸屏幕时候触发,即使已经有一个手指放在屏幕上也会触发。

2.touchmove事件:当手指在屏幕上滑动的时候连续地触发。在这个事件发生期间, 调用preventDefault()事件可以阻止滚动。

3.touchend事件:当手指从屏幕上离开的时候触发。

4.touchcancel事件:touchcancel,是在拖动中断时候触发。


脑图



返回列表 返回列表
评论

    分享到