HTML+CSS系列实战之表格

height: 620px;

background-color: cyan;

}

实现结果如下：

这里采用的策略是：标签嵌套的方法，先将所有的问题用有序列表表示，在将每个问题具体的选项通过无序列表嵌套在问题内部。在设置CSS样式的时候，为了实现部分页面有颜色，添加了一个盒子，将所有的列表包裹在内，再通过给盒子添加背景色、宽高属性来实现效果，最后为了美观，又给盒子加了上下的内边距。

2、创建一个表格，要求实现如下图所示的页面。

=====================================================================================

HTML的实现代码如下：

学生 学生信息表 序号 姓名 性别 年龄 电话 住址 1 张三 男 23 110 雁塔 1 张三 男 23 110 雁塔 1 张三 男 23 110 雁塔

CSS实现代码为：

最终实现页面为：

这里采用的列表标签。主要考察对表格的跨行和跨列的理解，具体实现过程中，预先写好结构，在进行具体布局，再通过给标签添加类选择器，分别实现每一块区域的效果，刚开始，我给整个table添加了灰色属性，然后再给其他特定区域添加颜色覆盖掉别的部分的颜色，但是在给整个列表添加了灰色属性后，整个页面都能实现效果，但是边框间距也变成了灰色，我又重新给每行元素进行添加属性，最终页面得以实现。

3、通过表单实现如下所示页面

=============================================================================

HTML的实现代码为：

绑定MSN/QQ账号（找到MSN/QQ上的朋友一起玩，或但他们加入关系时，第一时间通知您）

账号类型: MSN QQ MSN账号： MSN密码：

---

创建您的雅虎邮箱 选择您的雅虎邮箱： yahoo.cn 密码： 再次输入密码： 真实姓名： 性别：

男

女

居住城市： --请选择-- 陕西省 山西省 北京市 --请选择城市-- 西安市 商洛市 咸阳市 渭南市 **总结**:

• 函数式编程其实是一种编程思想，它追求更细的粒度，将应用拆分成一组组极小的单元函数，组合调用操作数据流；

• 它提倡着 纯函数 / 函数复合 / 数据不可变， 谨慎对待函数内的 状态共享 / 依赖外部 / 副作用；

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

Tips:

其实我们很难也不需要在面试过程中去完美地阐述出整套思想，这里也只是浅尝辄止，一些个人理解而已。博主也是初级小菜鸟，停留在表面而已，只求对大家能有所帮助，轻喷🤣；

我个人觉得: 这些编程范式之间，其实并不矛盾，各有各的 优劣势。

理解和学习它们的理念与优势，合理地 设计融合，将优秀的软件编程思想用于提升我们应用；

所有设计思想，最终的目标一定是使我们的应用更加 解耦颗粒化、易拓展、易测试、高复用，开发更为高效和安全；