Web前端开发精品课 HTML与CSS进阶教程

Web前端开发精品课HTML与CSS进阶教程读书笔记模板01思维导图读书笔记目录分析内容摘要精彩摘录作者介绍目录0305020406思维导图精品课进阶开发知识前端开发学习者内容水平第章技巧性能布局语义基础知识概念效果图形模型属性本书关键字分析思维导图内容摘要内容摘要本书内容结合**在前后端大量开发中的实战经验，系统化知识，浓缩精华，用通俗易懂的语言直击学习者的痛点。通过本书，能让你从“野生网页设计师”水平提升达到“真正前端工程师”水平。全书分为两大部分：首部分是HTML进阶内容，主要介绍HTML开发技巧和HTML语义化；第二部分是CSS进阶内容，主要介绍CSS开发技巧、代码规范、性能优化、属性本质、重要概念（如包含块、BFC和IFC等）。除了知识讲解，教程还融入了大量的开发案例，更加注重编程思维的培养，并且提供学习者一个流畅的学习思路。读书笔记读书笔记受益匪浅，以前遇到的很多自认为的“bug”，在这本书中都得到了答案。确实是精品课，适合学了工作了一段时间不甚了解的人以及开始学习想了解重点的人看。挺不错的一本书，我强烈建议读的时候一定要跟着敲代码，不然你很难理解的，你敲了之后会豁然开朗。写的不错，对于我这种初学者来说，也能看的懂，就是需要实践练习，看一遍根本不行，需要多动手去做才行。进一步了解到了CSS里属性的应用和技巧，以及如何养成写代码的好习惯，在此非常感谢作者愿意把自己的知识与我们分享。写的很好，确实当的起进阶两字，解决了我很多的疑惑，很多知识百度都很模糊，这里说的都很通透，结合CSS权威指南一起看，可以互相印证，非常棒。总结很到位，书中所列皆为实际开发中遇到的各种问题，实用性强。花了几天时间，先粗读了一下，但是已经收获很多，感谢作者毫无保留的贡献，下来准备再细读一遍。精彩摘录精彩摘录figure元素用于包含图片和图注，figcaption元素用于表示图注文字。在实际开发中，对于“图片+图注”效果，我们都建议使用figure和figcaption这两个元素来实现，从而使得页面的语义更加良好。W3C建议，对于页面关键的结构或者大结构，我们才使用id。所谓的关键结构，指的是诸如LOGO、导航、主体内容、底部信息栏等结构。对于一些小地方，还是建议使用class属性。（1）一个页面只能有一个h1标签。（2）h1～h6之间不要断层。（3）不要用h1～h6来定义样式。（4）不要用div来代替h1～h6。对于id和class，我们总结一下：对于页面关键结构，建议使用id；对于小地方，建议使用class。就算我们不需要对关键结构进行CSS操作或者JavaScript操作，也建议加上id，以便搜索引擎识别页面结构。外边距叠加，又称“margin叠加”，指的是当两个垂直外边距相遇时，这两个外边距将会合并为一个外边距，即“二变一”。其中，叠加之后的外边距高度等于发生叠加之前的两个外边距中的最大值。如果图片作为HTML的一部分，并且想要被搜索引擎识别，则应该使用img标签，例如常见的各种图片列表。如果图片仅仅是起到修饰作用，并且不想被搜索引擎识别，则应该使用背景图片。<br/>标签仅仅用于段落中的换行，不能用于其他情况。目录分析第02章语义化第01章HTML基础知识第一部分HTML进阶第03章CSS基础知识第04章CSS规范第05章盒子模型第06章display属性第07章文本效果12345第二部分CSS进阶第08章表单效果第09章浮动布局第10章定位布局第11章CSS图形第12章性能优化12345第二部分CSS进阶第14章重要概念第13