《从0到1：HTML+CSS快速上手》PPT,视频课,源码

编辑推荐

源自阅读量破6000万的人气教程 
适合零基础初学者，1小时快速上手，3天轻松入门 
通俗易懂，风趣幽默，原来前端还能这么好玩儿 
每一节都配有微视频，每一章都配有大量练习 
同步视频+配套练习+课件PPT+源码素材+作者答疑 

如果你需要的不是大而全，而是恰到好处的前端开发教程，那么不妨试着看一下这本书。本书源于作者在绿叶学习网分享的超人气在线教程。由于教程的风格****、质量很高，因而累积获得超过十万读者的支持。为了更好地帮助零基础的小伙伴快速上手，每章后面都有习题，每一节都录制了配套的高质量视频，小伙伴们可直接扫码观看。本书的配套资源包括：习题答案、源码文件、配套PPT教学课件，以及各种工具手册。

内容简介

作者根据自己多年的网站开发及教学经验，站在零基础读者的角度，详细介绍了HTML和CSS的基础知识，以及大量的前端开发技巧。
全书分为2大部分：第1部分是HTML基础，主要介绍各种标签的使用；第二部分是CSS基础，主要介绍样式布局操作。此外，作者还结合实际工作及前端面试，精心挑选了大量高质量的练习题放在每章最后，读者可以边学边练，更好地掌握本书内容。
本书提供了所有案例的源代码、配套视频课程，以及各种工具手册。另外，为方便老师教学，还提供了配套的PPT教学课件。
本书适合零基础的初学者使用，可以作为前端开发人员的参考书，也可作为培训学校、大中专院校相关专业的教学参考书。

作者简介

莫振杰，毕业于暨南大学信科院计算机科学与技术专业，从事前后端开发4年多，开发过绿叶学习网、广州智能工程研究会网站、大量在线应用工具及其他各种类型网站，著有多本编程书且销量过万， 现为绿叶学习网的站长，该网站用于分享其在前后端开发中的一些经验，其制作的前后端开发在线教程在互联网引起广泛关注，每一个教程都广受网友称赞与推崇，今年还开发了系列前端线上付费课程。

目录

• 第 一部分　HTML 基础 n
• 第 1　章 HTML 简介　3 n
• 1．1　前端技术简介　3 n
• 1．1．1　从“网页制作”到“前端开发”　3 n
• 1．1．2　从“前端开发”到“后端开发”　4 n
• 1．1．3　学习路线　6 n
• 1．2　什么是HTML ？　6 n
• 1．3　常见问题　7 n
• 第 2　章 开发工具　9 n
• 2．1　开发工具　9 n
• 2．2　使用HBuilder　10 n
• 第3　章 基本标签　13 n
• 3．1　HTML 结构　13 n
• 3．2　head 标签　15 n
• 3．2．1　title 标签　15 n
• 3．2．2　meta 标签　16 n
• 3．2．3　style 标签　18 n
• 3．2．4　script 标签　18 n
• 3．2．5　link 标签　19 n
• 3．2．6　base 标签　19 n
• 3．3　body 标签　19 n
• 3．4　HTML 注释　20 n
• 3．5　本章练习　21 n
• 第4　章 文本　22 n
• 4．1　文本简介　22 n
• 4．1．1　页面组成元素　22 n
• 4．1．2　HTML 文本　23 n
• 4．2　标题标签　24 n
• 4．3　段落标签　26 n
• 4．3．1　段落标签
• 　26 n
• 4．3．2　换行标签 n
• 　27 n
• 4．4　文本标签　29 n
• 4．4．1　粗体标签　29 n
• 4．4．2　斜体标签　30 n
• 4．4．3　上标标签　31 n
• 4．4．4　下标标签　31 n
• 4．4．5　中划线标签　32 n
• 4．4．6　下划线标签　33 n
• 4．4．7　大字号标签和小字号标签　33 n
• 4．5　水平线标签　34 n
• 4．6　div 标签　35 n
• 4．7　自闭合标签　37 n
• 4．8　块元素和行内元素　38 n
• 4．8．1　块元素　38 n
• 4．8．2　行内元素　40 n
• 4．9　特殊符号　40 n
• 4．9．1　网页中的“空格”　40 n
• 4．9．2　网页中的“特殊符号”　42 n
• 4．10　本章练习　44 n
• 第5　章 列表　45 n
• 5．1　列表简介　45 n
• 5．2　有序列表　46 n
• 5．2．1　有序列表简介　46 n
• 5．2．2　type 属性　47 n
• 5．3　无序列表　48 n
• 5．3．1　无序列表简介　48 n
• 5．3．2　type 属性　49 n
• 5．3．3　深入无序列表　50 n
• 5．4　定义列表　53 n
• 5．5　HTML 语义化　54 n
• 5．6　本章练习　56 n
• 第6　章 表格　57 n
• 6．1　表格简介　57 n
• 6．2　基本结构　57 n
• 6．3　完整结构　59 n
• 6．3．1　表格标题：caption　59 n
• 6．3．2　表头单元格：th　60 n
• 6．4　语义化　62 n
• 6．5　合并行：rowspan　65 n
• 6．6　合并列：colspan　66 n
• 6．7　本章练习　67 n
• 第7　章 图片　68 n
• 7．1　图片标签　68 n
• 7．1．1　src 属性　68 n
• 7．1．2　alt 属性和title 属性　69 n
• 7．2　图片路径　71 n
• 7．2．1　page1．html 引用图片　72 n
• 7．2．2　page2．html 引用图片　73 n
• 7．3　图片格式　75 n
• 7．3．1　位图　75 n
• 7．3．2　矢量图　76 n
• 7．4　本章练习　78 n
• 第8　章 超链接　80 n
• 8．1　超链接简介　80 n
• 8．1．1　a 标签　80 n
• 8．1．2　target 属性　82 n
• 8．2　内部链接　83 n
• 8．3　锚点链接　84 n
• 8．4　本章练习　87 n
• 第9　章 表单　88 n
• 9．1　表单简介　88 n
• 9．1．1　表单是什么？　88 n
• 9．1．2　表单标签　89 n
• 9．2　form 标签　90 n
• 9．2．1　form 标签简介　90 n
• 9．2．2　form 标签属性　91 n
• 9．3　input 标签　92 n
• 9．4　单行文本框　93 n
• 9．4．1　单行文本框简介　93 n
• 9．4．2　单行文本框属性　93 n
• 9．5　密码文本框　95 n
• 9．5．1　密码文本框简介　95 n
• 9．5．2　密码文本框属性　97 n
• 9．6　单选框　98 n
• 9．6．1　单选框简介　98 n
• 9．6．2　忽略点　99 n
• 9．7　复选框　102 n
• 9．8　按钮　104 n
• 9．8．1　普通按钮button　104 n
• 9．8．2　提交按钮submit　105 n
• 9．8．3　重置按钮reset　106 n
• 9．8．4　butto标签　108 n
• 9．9　文件上传　108 n
• 9．10　多行文本框　109 n
• 9．11　下拉列表　110 n
• 9．11．1　下拉列表简介　110 n
• 9．11．2　select 标签属性　111 n
• 9．11．3　optio标签属性　113 n
• 9．13　本章练习　115 n
• 第 10　章 框架　117 n
• 10．1　iframe 标签　117 n
• 10．2　练习题　118 n
• 第二部分　CSS 基础 n
• 第 11　章 CSS 简介　121 n
• 11．1　CSS 简介　121 n
• 11．1．1　CSS 是什么　121 n
• 11．1．2　CSS 和CSS3　121 n
• 11．2　CSS 引入方式　122 n
• 11．3．1　外部样式表　122 n
• 11．3．2　内部样式表　123 n
• 11．3．3　行内样式表　124 n
• 11．3　本章练习　125 n
• 第 12　章 CSS 选择器　126 n
• 12．1　元素的id 和class　126 n
• 12．1．1　id 属性　126 n
• 12．1．2　class 属性　127 n
• 12．2　选择器是什么？　127 n
• 12．3　CSS 选择器　129 n
• 12．3．1　元素选择器　129 n
• 12．3．2　id 选择器　130 n
• 12．3．3　class 选择器　132 n
• 12．3．4　后代选择器　134 n
• 12．3．5　群组选择器　135 n
• 12．4　本章练习　138 n
• 第 13　章 字体样式　139 n
• 13．1　字体样式简介　139 n
• 13．2　字体类型：font-family　140 n
• 13．3　字体大小：font-size　141 n
• 13．3．1　px 是什么？　142 n
• 13．3．2　采用px 为单位　142 n
• 13．4　字体粗细：font-weight　143 n
• 13．5　字体风格：font-style　145 n
• 13．6　字体颜色：color　146 n
• 13．6．1　关键字　146 n
• 13．6．2　16 进制RGB 值　147 n
• 13．7　CSS 注释　148 n
• 13．8　本章练习　150 n
• 第 14　章 文本样式　152 n
• 14．1　文本样式简介　152 n
• 14．2　首行缩进：text-indent　152 n
• 14．3　水平对齐：text-align　154 n
• 14．4　文本修饰：text-decoration　155 n
• 14．4．1　text-decoratio属性　155 n
• 14．4．2　3 种划线的用途分析　157 n
• 14．5　大小写：text-transform　157 n
• 14．6　行高：line-height　158 n
• 14．7　间距：letter-spacing、word-spacing　160 n
• 14．7．1　字间距　160 n
• 14．7．2　词间距　161 n
• 14．8　本章练习　162 n
• 第 15　章 边框样式　163 n
• 15．1　边框样式简介　163 n
• 15．2　整体样式　164 n
• 15．2．1　边框的属性　164 n
• 15．2．2　简写形式　166 n
• 15．3　局部样式　167 n
• 15．4　本章练习　170 n
• 第 16　章 列表样式　171 n
• 16．1　列表项符号：list-style-type　171 n
• 16．1．1　定义列表项符号　171 n
• 16．1．2　去除列表项符号　173 n
• 16．2　列表项图片：list-style-image　174 n
• 16．3　本章练习　176 n
• 第 17　章 表格样式　177 n
• 17．1　表格标题位置：caption-side　177 n
• 17．2　表格边框合并：border-collapse　179 n
• 17．3　表格边框间距：border-spacing　180 n
• 17．4　本章练习　182 n
• 第 18　章 图片样式　183 n
• 18．1　图片大小　183 n
• 18．2　图片边框　184 n
• 18．3　图片对齐　185 n
• 18．3．1　水平对齐　185 n
• 18．3．2　垂直对齐　187 n
• 18．4　文字环绕：float　189 n
• 18．5　本章练习　191 n
• 第 19　章 背景样式　192 n
• 19．1　背景样式简介　192 n
• 19．2　背景颜色：background-color　192 n
• 19．3　背景图片样式：background-image　194 n
• 19．4　背景图片重复：background-repeat　196 n
• 19．5　背景图片位置：background-position　198 n
• 19．5．1　像素值　198 n
• 19．5．2　关键字　199 n
• 19．6　背景图片固定：background-attachment　201 n
• 19．7　本章练习　202 n
• 第 20　章 超链接样式　203 n
• 20．1　超链接伪类　203 n
• 20．1．1　超链接伪类简介　203 n
• 20．1．2　深入了解超链接伪类　205 n
• 20．2　深入了解：hover　206 n
• 20．3　鼠标样式　208 n
• 20．3．1　浏览器鼠标样式　208 n
• 20．3．2　自定义鼠标样式　209 n
• 20．4　本章练习　210 n
• 第 21　章 盒子模型　212 n
• 21．1　CSS 盒子模型　212 n
• 21．2　宽高：width、height　215 n
• 21．3　边框：border　218 n
• 21．4　内边距：padding　219 n
• 21．4．1　padding 局部样式　219 n
• 21．4．2　padding 简写形式　220 n
• 21．5　外边距：margin　222 n
• 21．5．1　margi局部样式　222 n
• 21．5．2　margi简写形式　226 n
• 21．5．3　浏览器审查元素　227 n
• 21．7　本章练习　228 n
• 第 22　章 浮动布局　230 n
• 22．1　文档流简介　230 n
• 22．1．1　正常文档流　230 n
• 22．1．2　脱离文档流　231 n
• 22．2　浮动　233 n
• 22．3　清除浮动　236 n
• 22．4　本章练习　238 n
• 第 23　章 定位布局　240 n
• 23．1　定位布局简介　240 n
• 23．2　固定定位：fixed　240 n
• 23．3　相对定位：relative　243 n
• 23．4　绝对定位：absolute　245 n
• 23．5　静态定位：static　247 n
• 23．6　本章练习　248 n
• 附录A　HTML 常用标签　249 n
• 附录B　常用表单标签　251 n
• 附录C　CSS 常用属性　252 n
• 附录D　W3C 十六色　254