HTML、CSS前端家居网静态网页练手／适合前端小白／期末小作业／超简单

分享一个可以“趁别人喝咖啡的功夫“”写完的一个静态网页，纯纯练手小项目，适合前端刚入门的小白练练手。

环境：VScode编辑器

语言：HTML 、CSS

完整代码文件及图片获取方式

**搜索公粽号＠李桥桉，回复【家居网首页①】即可**

一、实现效果图

仅仅通过html、CSS最简单的一些代码基础就可以实现，是一个静态的网页，没有很复杂。涉及到的一些基础知识如下：

1- px像素、颜色；2-开发环境搭建、vscode配置；3-网页的基本结构；4-CSS常用样式基础；5-html常用标签；6-布局常用的css样式基础；7-盒模型基础；8-浮动原理；9-列表标签；10-字体样式、文本样式11-伪类、组合选择器、伪元素；12-CSS继承；13-图文混排；14-背景样式；15-文本格式化、特殊标签、锚点、字体图标；等。

图片素材来源：蜗牛学苑

二、CSS代码如下

三、HTML 代码如下

四、源码及图片素材获取

完整代码文件及图片获取方式

**搜索公粽号＠李桥桉，回复【家居网首页①】即可**