一本书讲透HTML、CSS和布局

前言 **部分　超文本标记语言 第1章　HTML基础2 1.1　HTML介绍3 1.2　HTML标签3 1.3　启动项目6 1.4　**个标签8 1.5　HTML框架10 第2章　填充首页15 2.1　标题15 2.2　文本格式化16 2.3　链接19 2.4　添加图片22 第3章　添加页面与标签28 3.1　关于HTML的HTML页面28 3.2　表格30 3.3　div和span35 3.4　列表39 3.5　导航菜单40 第4章　内联样式44 4.1　文本样式45 4.2　浮动48 4.3　应用外边距50 4.4　更多外边距技巧52 4.5　盒子样式设计53 4.6　导航样式55 4.7　尝试CSS57 4.8　小结60 第二部分　CSS与Web布局 第5章　CSS简介64 5.1　成为前端开发人员64 5.2　CSS概述67 5.3　示例网站设置70 5.4　开启样式设计的大门73 5.5　CSS选择器78 第6章　样式风格81 6.1　命名81 6.2　何时和为什么83 6.3　优先级和特异性86 6.4　如何成为一名优秀的样式设计师88 第7章　CSS值：颜色与尺寸97 7.1　CSS颜色97 7.2　尺寸介绍101 7.3　像素102 7.4　百分比104 7.5　em108 7.6　rem112 7.7　vh，vw：新时代的产物114 7.8　使网页美观117 第8章　盒子模型119 8.1　内联元素与块级元素119 8.2　外边距、内边距和边框123 8.3　浮动元素128 8.4　关于overflow样式的更多信息133 8.5　内联块136 8.6　盒子外边距139 8.7　内边距146 8.8　边框的乐趣147 第9章　布局157 9.1　布局基础知识157 9.2　Jekyll158 9.3　布局、includes和页面161 9.4　布局文件163 9.5　CSS文件和重置164 9.6　includes介绍：Head和Header172 9.7　高级选择器177 9.8　定位182 9.9　固定Header193 9.10　页脚，包含在includes中195 第10章　页面模板和frontmatter205 10.1　模板内容205 10.2　没有比首页更合适的地方了207 10.3　更高级的选择器214 10.4　其他页面，其他文件夹223 第11章　flexbox专业Web布局226 11.1　让正文填满容器228 11.2　flex垂直对齐232 11.3　flexbox样式选项和简写法235 11.4　三栏布局239 11.5　图库stub242 第12章　添加博客248 12.1　添加博客文章249 12.2　循环博客索引内容257 12.3　博客文章页面262 第13章　移动媒体查询268 13.1　移动端设计268 13.2　移动端适配273 13.3　移动端视口279 13.4　下拉菜单281 13.5　移动端下拉菜单288 第14章　添加更多小细节295 14.1　自定义字体295 14.2　favicon303 14.3　自定义标题和meta描述305 14.4　下一步310 第15章　CSS 网格布局311 15.1　高级的CSS网格布局311 15.2　一个简单的内容网格314 15.3　minmax、auto-fit和auto-fill320 15.4　网格线、网格区域和网格布局328 15.5　内部网格346 15.6　结论367 第三部分　自定义域 第16章　自定义域名370 16.1　注册自定义域名370 16.2　Cloudflare设置373 16.3　GitHub Pages上的自定义域377 第17章　自定义电子邮件385 17.1　Google电子邮件385 17.2　MX记录387 17.3　网站分析389 17.4　结论391