移动端布局原理1.移动端布局的三个视口 视口 描述 布局视口 面向开发者的视口，与设备无关，默认宽度为980培训，用width表示 视觉视口 与具体设备硬件相关，用device-width表示 理想视口 一开始布局时,就直接使用视...

效果图： HTML代码块 php中文网-程序员梦开始的地方 ...

网格布局grid的9个属性 序号 属性 描述 1 grid 创建grid容器,display:grid 2 grid-template-columns/rows 显示生成的网格单元，大多数情况下，让其自动生成 3 grid-are...

1.flex容器上的三个必知属性 序号 属性 描述 1 flex-flow 控制主轴方向与项目是否允许换行 2 place-content 容器剩余空间在项目之间进行分配 3 place-items 项目在交叉轴上的对齐方式 ...

1.默认布局 默认布局是浏览器默认的布局方式，也叫做文档流布局或正常布局流，源码的书写顺序决定了元素在html页面中显示的顺序，由此可见元素的排列位置具有可Yu测性，关键语法：position:static 布局元素分为两类：块级元素和内联(行内)元...

1.常用单位1.1绝对单位 绝对单位像素，用px表示,1in(英寸)=96px(像素) 1.2相对单位 类型 描述 % 参照物是父级，如：width='50%'则表示，当前元素的宽度占父级元素的百分之五十 em 字号大小，参照浏览器...

一、伪类选择器 类型 描述 结构伪类 根据元素的位置来获取元素,如：:nth-of-type() 状态伪类 根据元素的状态来获取元素,例如获取焦点或无效元素,如：:hover 1.结构伪类 使用:nth-of-type()方法获...

1.CSS样式的来源与优先级 默认样式：浏览器自带样式，也叫用户样式代理表。 继承样式：某一些属性,如颜色,字体,它可以由它的父级进行设置,达到简化的目标,可以避免CSS样式冗余。 自定义样式：程序员自定义的样式。 ①内联样式：给元素添...

表单元素与多媒体元素的使用1.表单元素 表单是用户与服务器交互信息的载体（手段）1.发送方式/请求方式：get/post2.发送的数据:2.1 自定义(最灵活): 用户自己输入,文本框（text）,文本域（textarea）,2.2 预定义(最安全)...

HTML常用标签及应用场景 一个页面就是一个HTML文档，CSS、JS都是寄生在HTML中的，是以标签的方式嵌入到HTML页面的。 1.属性类型1.1 通用属性(id/class/style) 通用属性几乎所有元素都拥有。id：用于表示页面中的唯一...

一、markdown语法简单应用 markdown用于简化HTML的编写，最终markdown会转变为对应的HTML标签，安装markdown lint插件，用于markdown语法检查。 1.标题 在想要设置为标题的文字前面加#来表示一个#是一...