粉红色大笨象

移动web 手机屏幕参数及常识 1.宽 高 描述的是手机屏幕的宽度和高度 单位 是 英寸 对角线 平时我们讨论的手机尺寸， 包括电脑尺寸 ，其实都是以屏幕的对角线来衡量的 单位 英寸 2.逻辑分辨率

flex弹性布局 伸缩/弹性布局： display：flex 有效避免浮动布局中脱离文档流现象发生. 1.伸缩容器 display：flex 所在的那个盒子为伸缩容器/父项； 2.伸缩项 伸缩容器内的

2D平面转换 目标：使用transform属性实现元素的位移、旋转、缩放等效果 平面转换 Ø 改变盒子在平面内的形态（位移、旋转、缩放） Ø 2D转换 1，translate(位移) 目标：使用tra

定位相关 定位的常见应用场景: 1,可以解决盒子与盒子之间的层叠问题,定位之后的元素层级最高，可以层叠在其他盒子上面 2,可以让盒子始终固定在屏幕中的某个位置 属性名：position 属性值: re

盒子模型 盒子的概念： 页面中的每一个标签，都可看做是一个 “盒子”，通过盒子的视角更方便的进行布局 组成： CSS 中规定每个盒子分别由：**内容区域（content）、内边距区域（padding）

背景相关属性background 1, 背景颜色; ​ 属性名：background-color（bgc） ​ 颜色取值：关键字（red）、rgb表示法( 255,255,255 )、rgba表示法(

css选择器 css定义:层叠样式表 类型： 1,内嵌式; 2,行内式; 3,外链式; 1，标签选择器 作用：根据指定的标签，在当前界面中找到所有该名称的标签，然后设置属性： ​ 格式“ ​ 标签名称

文本属性: 1,text-indent ​ 作用: 设置文本缩进 ​ 格式: text-indent: 2em; ​ 取值: 2em, 其中em是单位, 一个em代表缩进一个文字的宽度 2,text-

文字相关属性 1，文字属性 1,font-style ​ 作用: 规定文字样式 ​ 格式: font-style: italic; ​ 取值: ​ normal ： 正常的， 默认就是正常的 ​ it