本书的主要内容是Web前端开发中的HTML与CSS部分，包含HTML5和CSS3内容。本书由6个项目组成，项目的整体设计从基础知识开始，然后介绍各网页元素，到综合，其中，项目1介绍HMTL基础和CSS基础，项目2至项目5介绍常用网页元素及其样式，项目6是综合内容。从项目的选题到内容的设计方面，融入了课程思政元素，如我的理想、北京冬奥会、社会主义核心价值观、志愿服务、垃圾分类等等，实现了思想政治教育与知识教育有机统一。

本书是采用项目 任务模式编写的高等职业院校双高计划建设教材。

随着互联网技术的发展，HTML5 CSS3 已成为Web 前端开发的主流技术。本书从高等职业教育的特点及技术技能型人才培养的要求出发，介绍网站设计的基础内容，培养学生网页布局、网页设计与制作的能力。
本书的主要内容是Web 前端开发中的HTML 与CSS 部分，包含HTML5 和CSS3 内容。在内容设计上对HTML 与CSS 的内容进行了整合，使得HTML 与CSS 有机地融合在一起。本书共六个项目，每个项目又有若干任务，每个任务由学习目标、任务描述、任务分析、知识准备、任务实现和拓展内容组成。项目的整体设计从基础知识开始，然后介绍常用网页元素，最后是综合设计。项目1 介绍HMTL 基础和CSS 基础，项目2 介绍文本标签、图像标签及其样式，项目3 介绍列表标签、超链接标签及其样式，项目4 介绍表格标签及其样式，项目5 介绍表单标签及其样式，项目6 是综合内容，制作网站主页和一个子页。HTML5、CSS3、HTML 元素的分类、盒模型等内容作为拓展内容融入各个任务中。项目1 到项目5 附有习题，包括理论知识题和实践操作题。
本书采用项目 任务的模式进行编写，并配有相关的视频讲解。各项目中的HTML内容和CSS 内容既相互独立，又有机融合。
本书各知识技能点循序渐进、由易到难，易于学生学习。教学用例比较丰富，多数用例配有相关的代码和运行效果图，比较直观，体现了以学生为中心的理念，适合学生自学，也适合教师教学。从项目的选题到内容的设计方面，融入了课程思政元素，如：我的理想、北京冬奥会、社会主义核心价值观、志愿服务、垃圾分类等，实现了思想政治教育与知识教育有机统一。
本书由李桂兰、刘静任主编，宋春晖、鄢长卿、邢丽、孟程任副主编。具体编写分工如下：李桂兰编写项目1、项目2 和项目3，宋春晖、孟程、邢丽、鄢长卿编写项目6，刘静编写项目4 和项目5。李桂兰负责素材的收集与整理、教学视频的制作、教材的统稿等工作。本书建议教学学时为72，在实践教学场所展开教学，讲练结合。
本书编者曾参加企业组织的Web 前端开发培训，又有从事相关课程的教学经验。但由于编者水平有限，不足之处在所难免，敬请广大读者批评指正，在此表示感谢。

李桂兰，副教授，硕士研究生学历，现任黑龙江农业工程职业学院计算机网络技术专业教师，主要讲授网站开发与设计课程。主持省校级科研课题两项，参与课题十余项。参与编写教材四部，其中主编一部，发表专业学术论文十余篇，其中被北大核心期刊录入2篇。刘静，吉林工程技术师范学院软件专业工学学士，哈尔滨理工大学计算机应用技术专业工学硕士，现任职黑龙江农业工程职业学院信息工程分院教师，副教授职称，中国计算机学会会员、黑龙江省计算机学会会员。主讲《网络设备配置与管理》《计算机网络原理与应用》《Linux系统管理》《HTML与CSS网页设计》等课程，在国家级刊物发表论文近20余篇，主持省级科研项目4项，获得实用新型专利4项，公开出版教材5部。