发表于: 2017-03-17 23:15:34

1 557


今天完成的事情:(一定要写非常细致的内容,比如说学会了盒子模型,了解了Margin

继续了解Bootstrap的栅格系统

了解CSS Sprite雪碧图实现原理

基本完善了任务7

 明天计划的事情:(一定要写非常细致的内容) 

开启任务8

任务8:修真院——一个PC端的企业网站,以bootstrap为基础满足更多不同的需求 30-60小时

 完成一个比较完成的PC端项目

继续了解Bootstrap的栅格系统

遇到的问题:(遇到什么困难,怎么解决的) 

成功解决投死按钮选择后不需要变色:

Bootstrap 4在按钮的属性中去掉 btn-primary 即可解决按钮被按下变色的问题

 

收获:(通过今天的学习,学到了什么知识)

理解CSS中的层叠上下文和层叠顺序

层叠上下文是HTML元素的三维概念,HTML元素在一条假想的相对于面向(电脑屏幕的)视窗或者网页的用户的z轴上延伸,HTML元素依据其自身属性按照优先级顺序占用层叠上下文的空间。某些 DIV 的渲染顺序是由 z-index 的值影响的。这是因为这些 DIV 具有 使他们形成一个层叠上下文  的属性。



z-index和叠加上下文是如何形成


  • 层叠上下文元素的特性:

  • 层叠上下文的层叠水平要比普通元素高;

  • 层叠上下文可以阻断元素的混合模式;

  • 层叠上下文可以嵌套,内部层叠上下文及其所有子元素均受制于外部的层叠上下文。

  • 每个层叠上下文和兄弟元素独立,也就是当进行层叠变化或渲染的时候,只需要考虑后代元素。

  • 每个层叠上下文是自成体系的,当元素发生层叠的时候,整个元素被认为是在父层叠上下文的层叠顺序中



返回列表 返回列表
评论

    分享到