从0到1：HTML+CSS快速上手

从0到1：HTML+CSS快速上手读书笔记模板01思维导图读书笔记目录分析内容摘要精彩摘录作者介绍目录0305020406思维导图上手基础读者前端开发教学作者样式简介标签文本边框图片第章基础超链接对齐表格表单列表本书关键字分析思维导图内容摘要内容摘要作者根据自己多年的网站开发及教学经验，站在零基础读者的角度，详细介绍了HTML和CSS的基础知识，以及大量的前端开发技巧。全书分为2大部分：第1部分是HTML基础，主要介绍各种标签的使用；第二部分是CSS基础，主要介绍样式布局操作。此外，作者还结合实际工作及前端面试，精心挑选了大量高质量的练习题放在每章最后，读者可以边学边练，更好地掌握本书内容。本书提供了所有案例的源代码、配套视频课程，以及各种工具手册。另外，为方便老师教学，还提供了配套的PPT教学课件。本书适合零基础的初学者使用，可以作为前端开发人员的参考书，也可作为培训学校、大中专院校相关专业的教学参考书。读书笔记读书笔记还可以讲了基础的html和css语法。草草的看完了，比较基础得东西，确实会对新手比较友好。我不是从事开发工作的人，工作内容与开发无关，但是快速翻阅此书，觉得这本书对初学者非常友好。我决定在微读里读一读作者这个系列的书，一颗不死的开发之心，蠢蠢欲动，又开始学起js，比起之前，现在似乎更能跟上脚步。很好，读起来没有一点困难，特别适合我这种有点经验的小白快速过一遍。很不错的入门书，我这个外行爱好者都看懂了。这书很好，很有体系。挺好。这本书深入浅出的讲解了关于HTML及CSS的基本知识，读者可以很轻松的在实践中掌握这些知识。一小时读完，例子丰富，与w3cschool类似，虽然不够全面，但是会详细讲解，入门的话建议多动手实践。精彩摘录精彩摘录在HTML中，一般来说，只有6个标签能放在head标签内。title标签。meta标签。link标签。style标签。script标签。base标签。meta标签的**-equiv属性只有两个重要作用：定义网页所使用的编码，定义网页自动刷新跳转。HTML→CSS→JavaScript→jQuery→HTML5→CSS3→ES6→移动Web→Vue.js静态页面和动态页面的区别在于是否与服务器进行数据交互。meta标签一般用于定义页面的特殊信息，如页面关键字、页面描述等。这些信息不是提供给用户看的，而是提供给搜索引擎蜘蛛（如百度蜘蛛、谷歌蜘蛛）看的。简单地说，meta标签就是用来告诉“搜索蜘蛛”这个页面是做什么的。br标签是用来给文字换行的，而p标签是用来给文字分段的。空格的代码是“ ”。粗体标签：strong、b。斜体标签：i、em、cite。上标标签：sup。下标标签：sub。中划线标签：s。下划线标签：u。大字号标签：big。小字号标签：small。目录分析第1章HTML简介第2章开发工具第3章基本标签第4章文本第一部分HTML基础第5章列表第6章表格第7章图片第8章超链接第9章表单第10章框架010302040506第一部分HTML基础第1章HTML简介1.1前端技术简介1.2什么是HTML1.3常见问题第2章开发工具2.1开发工具2.2使用HBuilder第3章基本标签3.1HTML结构3.2head标签3.3body标签3.4HTML注释3.5本章练习第4章文本4.1文本简介4.2标题标签4.3段落标签4.4文本标签4.5水平线标签4.6div标签4.7自闭合标签4.8块元素和行内元素4.9特殊符号第5章列表5.1列表简介5.2有序列表5.3无序列表5.4定义列表5.5HTML语义化5.6本章练习第6章表格6.1表格简介6.2基本结构6.3完整结构6.4语义化6.5合并行：rowspan6.6合并列：colspan6.7本章练习第7章图片7.1图片标签7.2图片路径7.3图片格式7.4本章练习第8章超链接8.1超链接简介8.2内部链接8.3锚点链接8.4本章练习第9章表单9.1表单简介9.2form标签9.3input标签9.4单行文本框9.5密码文本框9.6单选框9.7复选框9.8按钮9.9文件上传第10章框架10.1iframe标签10.2练习题第11章CSS简介第12章CSS选择器第13章字体样式第14章文本样式第二部分CSS基础第15章边框样式第16章列表样式第17章表格样式第18章图片样式第19章背景样式12345第二部分CSS基础第20章超链接样式第21章盒子模型第22章浮动布局第23章定位布局第二部分CSS基础第11章CSS简介11.1CSS简介11.2CSS引入方式11.3本章练习第12章CSS选择器12.1元素的id和class12.2选择器是什么12.3CSS选择器12.4本章练习第13章字体样式13.1字体样式简介13.2字体类型：font-family13.3字体大小：font-size13.4字体粗细：font-weight13.5字体风格：font-style13.6字体颜色：color13.7CSS注释13.8本章练习第14章文本样式14.1文本样式简介14.2首行缩进：text-indent14.3水平对齐：text-align14.4文本修饰：text-decoration14.5大小写：text-transform14.6行高：line-height14.7间距：letter-spacing、word-spacing14.8本章练习第15章边框样式15.1边框样式简介15.2整体样式15.3局部样式15.4本章练习第16章列表样式16.1列表项符号：list-style-type16.2列表项图片：list-style-image16.3本章练习第17章表格样式17.1表格标题位置：caption-side17.2表格边框合并：border-collapse17.3表格边框间距：border-spacing17.4本章练习第18章图片样式18.1图片大小18.2图片边框18.3图片对齐18.4文字环绕：float18.5本章练习第19章背景样式19.1背景样式简介19.2背景颜色：background-color19.3背景图片样式：background-image19.4背景图片重复：background-repeat19.5背景图片位置：background-position19.6背景图片固定：background-attachment19.7本章练习第20章超链接样式20.1超链接伪类20.2深入了解:hover20.3鼠标样式20.4本章练习第21章盒子模型21.1CSS盒子模型21.2宽高：width、height21.3边框：border21.4内边距：padding21.5外边距：margin21.6本章练习第22章浮动布局22.1文档流简介22.2浮动22.3清除浮动