主要内容（今天更多是一些基本的准备工作）： php环境搭建编程基础：数据-代码-执行php中变量的基本语法与操作 1. php环境搭建 vscode中也可以设置直接去运行php文件，但很复杂。建议直接用phpstudy等服务器环境部署。（o）部署后...

主要内容 自定义属性：以data-开始尽量少用id，原因有可能污染全局执行环境一组items时选择某个item时首选type，而非child多个css文件的嵌套引用@importinput中的各属性（字段位置）grid适合页面的整体布局， flex适...

主要内容： 单元格在grid容器中的对齐方案（place-content）项目在grid单元格中的对齐方案（place-items）项目在grid网格区域中的对齐方案（place-self）row、column间距（gap） 1、单元格在grid容器...

实战-模拟PHP中文网网页的一个内容网页原内容如下： 自己做的内容如下： 自己的代码：html部分

主要内容： grid的介绍grid基本属性item填充及简写跨界区块操作 1、grid的介绍① grid: 网格。基本术语包括 容器: 使用网格布局的元素项目: 容器中的子元素网格线: 将容器划分为行与列的直线显式网络: 由用户根据项目数量指示容器...

主要内容：1-建立一个css文件，通过class的方式将有可能用到的所有flex设置都放到里面。这样就不用再为每个类去写flex设置了。2-header、聚焦图等里面有很多好玩的地方，当然也是要动心思的地方，见下面吧。 1、flex的通用设置文件例...

主要内容： item增长因子（flex-grow）、收缩因子（flex-shrink）及尺寸设置的优先级、简写PC端、移动端解决方案实战（主要练习弹性盒的各种操作） 1、item grow、shrink解决弹性盒大小问题 这是一个很基础的功能，毕竟...

主要内容： 快速做三列典型网页（浮动法、定位法）内容的多栏/列显示(column-count:n)flex box（弹性盒）建立(display:flex)单行弹性盒的设置(flex-wrap:warp, justify-content,(换轴)fl...

主要内容： ① 盒背景的设置：渐变色、填图。② 盒背景填图的操作：图居中、边缘发光、图满铺等。③ 精灵图：坐标定位显示 - 管中窥豹，只见花纹。④ 阿里字体图标。 1、盒背景设置 .box { width: 300px; ...

主要内容： ① 通过js提升图片页面加载速度（懒加载原理）。② 元素浮动和位置让出。③ 左右浮动和免受影响。④ 高度塌陷及各种解决办法。⑤ 典型三列页面的实现（定位模式、浮动模式、圣杯模式、Grid模式）。 1、通过js提升图片页面加载速度直接加载图...

主要内容：盒的各种属性及位置定位、获取等 1、基本内容 盒子的概念和属性：宽、高、大小。大小这块涉及到内容区、padding、border、margin等概念。相邻盒子的margin会重叠。(宽度width: content-width + padd...

表格的主要内容 ① 通过table来做表格，也可以通过div来做表格。表格的元素挺多，相对繁杂的地方在于表格的装饰这块。② 通过div来建立表格：将每个div通过css中的display属性显示成对应的表格元素。 表单的主要内容 ① form中可以使...

主要内容： id item description 1 简单选择器 包括简单选择器，class，id，多类符合，层叠等。会涉及到优先级等 2 上下文选择器 包括后代、父子、同级相邻、同级全部 3 结构伪类选择器（不分类） 例如fi...

主要内容包括：1-css样式、链接、列表、元素定位2-事件监听、事件触发阶段、事件代理3-网页菜单实战 1、css样式的种类html是框架，css是样式。 序号 内容 描述 1 内嵌样式 通过元素内style直接定义方式解决。但这种只能...

本来以为是零基础，但其实一上来就Html、CSS、JS三者一起开工，当然每个部分只涉及到基础部分。感觉还是学到一些之前忽视的知识点。 主要的知识点包括： 序号 内容 1 Html页面的基本结构。head，body等有固定格式。meta之...