Grid 网格布局[toc] 1. Grid中的术语 网格线(grid lines): 编号, 命名轨道(grid tracks): 二条线中间的空间, px, %, fr,auto单元格(grid cell): 四条网格线包起来的封闭空间网格区域(...

12.27作业情况 Grid 网格布局Grid中的术语 网格线(grid lines): 编号, 命名轨道(grid tracks): 二条线中间的空间, px, %, fr单元格(grid cell): 四条网格线包起来的封闭空间网格区域(grid...

flex编写模式电脑端与移动端，移动端最大特点是垂直排列，向下无限延伸overflow：auto；当高度超过设定可视高度时，自动生成滚动条。两新单位：vh：view height,vw:view weight，可视高度与可视宽度，单位是百分比。 gr...

组件的实例运用选择器：~表示选择余下元素例：.public_second_hand >.title2 >span ~商品页面以及分页栏以及回复栏如何搭建一个网页，如何分析网页结构，再根据结构进一步搭建网页

flex项目属性1.flex-basis：项目宽度：分配到主轴剩余空间之前，项目所占主轴宽度，auto原始宽度2、lex-grow：项目扩展：将主轴上的剩余空间分配给项目，0为默认，1为平均，设定在0-1之间3、flex-shrink：项目收缩：将项...

1、2019.12.20作业2、flex布局 flex 布局1、flex是什么 flex：弹性布局flex兼容性好2、flex解决了什么块元素垂直居中元素在容器中自动伸缩，适应容器大小变化，适合移动端布局3、flex布局的角色/参与者有哪些只有二级：...

1、html表单2、css（层叠样式表）基础 重点：布局 float+position 用处：控制页面元素样式（style）、布局（layout）3、页面中的元素类型：块元素、行内元素：文本、行内块元素4、display显示元素：block：独占一行...

2019.12.19第二节课1、简单html代码标签，元素，属性 ..,,,,,,,,,

2019.12.18第一节课1、教学大纲2、前端内容⑴HTML5：标签、属性.布局标签⑵CSS3：选择器、布局技术，二大功能，元素的样式控制，元素在页面上的布局⑶布局技术： float+position：传统布局 flex：弹性布局，描述...