今天根据在PHP中文网所学的前端知识来完成一个商城购物车的页面的编写，这里参照的是京东的购物车。 参照页面 首先分析页面结构 其中购物车中的商品数量在实际使用情况中应该是不固定的，所以这里需要使用flex布局来写，使用列对齐的方式写出来一条，然后复制...

grid容器和项目属性详解首先写一段HTML结构代码用于显示grid属性的展示，便于更直观的理解样式代码 grid容器和项目属性练习

今天我们使用Grid布局的方法重新前面写的商品列表组件案例： 案例：商品列表页要达到的效果 首先分析出来需要使用Grid布局的地方结构 HTML代码 二手...

通过flex来完成一个移动端首页的布局练习目标效果图（因为页面太大，缩小截图有点问题，可以看下面的分析图） 页面结构分析 按照结构分析图来写HTML架构 ...

案例一：商品列表展示区块的实现方法要实现的效果 首先分析这个案例的结构，并确定关系结构如下 按照分析的结构写出HTML代码 二手商品列表

组件的开发与使用方法组件是什么*组件相当于将网页中的元素按块分割，将整个网页分成一块一块的小区域 组件有什么用*组件分为复用组件和专用组件 *组件可以节省大量重复代码和写代码的时间，同时减少出错及排查时间 组件的使用方法*将一个个组件按照约定语法拼接...

flex是什么1、flex: 弹性布局2、flex兼容性不要担心 2. flex解决了什么问题1、块元素的垂直居中2、元素在容器中 自动伸缩,适应容器大小的变化,特别适合移动端布局 3. flex布局的角色/参与者有哪些1、只有二级: 父级和子级2、...

根据昨天所学试着写了下一个网页的头部区域，感觉在书写和代码熟悉上差的还是太多，有些效果不知道用什么属性写，明天再多看看视频回播。 运行后的效果如下： 所用的图片素材来源于课件作业图片，使用PS切图得到： 代码如下：

参加了php.cn【PHP中文网】的线上PHP培训班，今天是第一次写作业，由于是刚学习PHP可能有些地方做的不对，希望老师给予讲解，谢谢。 demo1上图中显示的是纯文本结构内容在浏览器中的显示状态；我使用的也是谷歌浏览器，但没有找到老师上课中操作的...