
CSS
慕森
这个作者很懒,什么都没留下…
展开
-
CSS伪类 :target 的应用样例
test 2/29上博客原创 2018-02-28 19:47:32 · 381 阅读 · 0 评论 -
BFC:块级格式化上下文
1.盒模型和格式化上下文Box: CSS布局的基本单位 Box 是 CSS 布局的对象和基本单位, 直观点来说,就是一个页面是由很多个 Box 组成的。元素的类型和 display 属性,决定了这个 Box 的类型。 不同类型的 Box, 会参与不同的 Formatting Context(一个决定如何渲染文档的容器),因此Box内的元素会以不同的方式渲染。让我们看看有哪些盒子:b...转载 2018-03-05 15:54:22 · 279 阅读 · 0 评论 -
实现水平垂直居中的4种解决方案
观看完整代码和示例效果:https://lucyzlu.github.io/Web/align-center.html1.基于表格样式将要使内容居中的外层容器元素的display设置成table,内层内容块使用table-cell,然后分别设置水平和垂直居中: /*表格方案*/ #table-father{ ...原创 2018-03-03 16:02:30 · 6557 阅读 · 0 评论 -
随页面滚动改变定位的tab菜单
实现效果及完整代码:https://lucyzlu.github.io/Web/toTop.html1.导航菜单功能在页面滚动时导航菜单始终显示在视口内,以便用户在浏览时可以随时点击导航菜单链接到别的页面查看样例。 我觉得这里之所以要特别把导航菜单做成这样,是因为这个页面是基本样例的展示,文档本身高度比较大,且用户一般不会从头到尾仔细看文档,很可能中途就要跳转到其他页面,因此让用户随...原创 2018-02-27 17:10:22 · 5740 阅读 · 1 评论 -
CSS层叠上下文
1.不含z-index的层叠一个根元素创建的层叠上下文中默认的层叠顺序: 2.增加z-index的层叠如果需要改变默认的层叠顺序,那么在指定position属性(position属性取static外的其他值relative,absolute,fixed)的同时指定z-index的值就可以了。(注意!z-index只对指定了 position属性的元素有效。) z-index是z...转载 2018-03-05 21:56:26 · 671 阅读 · 1 评论