Flex 布局(一维) flex: 弹性盒布局 Flex 术语 flex 容器: display: flex / inline-flexflex 项目: flex 容器的子元素(仅限子元素,可嵌套)flex 主轴: 项目排列参考线flex 交叉轴:...
定位类型 相对定位：position:relative,相对定位,元素仍在文档流中,受文档布局限制(源码顺序),只是相对原始位置发生了偏移而已。绝对定位：position:absolute,总是相对于一个固定的定位参考父级,父级中找不到定位元素，就继...
媒体查询媒体查询的宽度顺序： 移动端：从小往大小PC端：反过来，从大向小写
字体图标1. 字体图标- 阿里图标 - Unicode, class/*============================================== 一、Unicode ...
CSS常用单位1. 渲染与布局原理(1). 根据HTML源码，生成页面结构与内容的DOM(文档与内容模型)。(2). 根据CSS规则，计算所有元素的大小、样式、位置，生成CSSOM(样式对像)。(3). 根据 DOM 和 CSSOM ，渲染生在HTM...
盒模型与核心属性1. 核心属性(1). width: 宽度(2). height: 高度(3). padding: 内边距(4). border:边框(5). margin:外边距 2. 常用技巧1.重置 margin\padding 的边距，如下：...
表单状态伪类/* 1. 匹配获取到焦点的元素*/fieldset :focus { background-color: lightgreen; transition: 0.5s;}/* 2. 匹配被选中的复选框元素*/input[type...
结构伪类选择器: item1 item1 item2 ...
CSS 选择器权重*CSS选择器用3个正整数，来表示选择器的权限*1. 权重规则 实体标记 id, class, tag 排列顺序：id, class, tag 记数器：选择器中的实体标记数量2. 权重表示方法（ 0， 0， 1）（id,clas...
css样式1. 样式来源 1. 用户自定义样式：使用元素style属性设置的样式 2. 用户代理样式：浏览器为该元素设置的默认样式 3. 继承样式：可以继承浏览器默认样式（HTML和BODY默认样式），并非所有属性都能被继承，只有字...
视频元素与Iframe视频元素 video controls：控制按钮autoplay：自动播放muted：静音loop：循环播放poster：海报/封面 audio iframe框架- 绑定a.target iframe.name 可以实现导航的...
常用表单重点知识表单属性1.action：服务器上处理表单的脚本；2.method:提交方式 GET:少量且公开 POST:大量且加密 enctype:值对编码方案（普通表单和分块文件上传）4.target5.id:使用ID引用表单6....
HTML渲染方式
