css
关注
分享
扫一扫
ccxCode
这个作者很懒，什么都没留下…
展开
-
css之body背景
body背景画布 canvas一块区域特点：最小宽度为视口宽度最小高度为视口高度HTML元素的背景覆盖画布BODY元素的背景如果HTML元素有背景，BODY元素正常（背景覆盖边框盒）如果HTML元素没有背景，BODY元素的背景覆盖画布关于画布背景图背景图的宽度百分比，相对于视口背景图的高度百分比，相对于网页高度背景图的横向位置百分比、预设值，相对于视口背景图的纵向位置百分比、预设值，相对于网页高度...原创 2021-08-25 00:22:16 · 336 阅读 · 0 评论 -
css之堆叠上下文
堆叠上下文堆叠上下文（stack context），它是一块区域，这块区域由某个元素创建，它规定了该区域中的内容在Z轴上排列的先后顺序。创建堆叠上下文的元素html元素（根元素）设置了z-index（非auto）数值的定位元素同一个堆叠上下文中元素在Z轴上的排列从后到前的排列顺序：创建堆叠上下文的元素的背景和边框堆叠级别(z-index, stack level)为负值的堆叠上下文常规流非定位的块盒非定位的浮动盒子常规流非定位行盒任何 z-index 是 auto 的定位子元素原创 2021-08-23 00:01:47 · 201 阅读 · 0 评论 -
css之relative
relative和absolute的关系限制作用限制left/top/right/bottom定位；（这一点大家开发肯定都很熟悉了）限制z-index层级；限制在overflow下的嚣张气焰；对于第2点，上代码演示：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE原创 2021-08-06 23:41:39 · 249 阅读 · 0 评论 -
css三大常规布局
常规流盒模型：规定单个盒子的规则视觉格式化模型（布局规则）：页面中的多个盒子排列规则视觉格式化模型，大体上将页面中盒子的排列分为三种方式：常规流浮动定位常规流布局常规流、文档流、普通文档流、常规文档流所有元素，默认情况下，都属于常规流布局总体规则：块盒独占一行，行盒水平依次排列包含块（containing block）：每个盒子都有它的包含块，包含块决定了盒子的排列区域。...原创 2020-03-22 11:39:37 · 401 阅读 · 0 评论