css
关注
分享
扫一扫
ccxCode
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
css之body背景
body背景 画布 canvas 一块区域 特点： 最小宽度为视口宽度 最小高度为视口高度 HTML元素的背景 覆盖画布 BODY元素的背景 如果HTML元素有背景，BODY元素正常（背景覆盖边框盒） 如果HTML元素没有背景，BODY元素的背景覆盖画布 关于画布背景图 背景图的宽度百分比，相对于视口 背景图的高度百分比，相对于网页高度 背景图的横向位置百分比、预设值，相对于视口 背景图的纵向位置百分比、预设值，相对于网页高度 ...原创 2021-08-25 00:22:16 · 374 阅读 · 0 评论 -
css之堆叠上下文
堆叠上下文 堆叠上下文（stack context），它是一块区域，这块区域由某个元素创建，它规定了该区域中的内容在Z轴上排列的先后顺序。 创建堆叠上下文的元素 html元素（根元素） 设置了z-index（非auto）数值的定位元素 同一个堆叠上下文中元素在Z轴上的排列 从后到前的排列顺序： 创建堆叠上下文的元素的背景和边框 堆叠级别(z-index, stack level)为负值的堆叠上下文 常规流非定位的块盒 非定位的浮动盒子 常规流非定位行盒 任何 z-index 是 auto 的定位子元素原创 2021-08-23 00:01:47 · 243 阅读 · 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 · 283 阅读 · 0 评论 -
css三大常规布局
常规流 盒模型：规定单个盒子的规则 视觉格式化模型（布局规则）：页面中的多个盒子排列规则 视觉格式化模型，大体上将页面中盒子的排列分为三种方式： 常规流 浮动 定位 常规流布局 常规流、文档流、普通文档流、常规文档流 所有元素，默认情况下，都属于常规流布局 总体规则：块盒独占一行，行盒水平依次排列 包含块（containing block）：每个盒子都有它的包含块，包含块决定了盒子的排列区域。...原创 2020-03-22 11:39:37 · 446 阅读 · 0 评论