Foreword写在前面的话：
大家好，我是一名刚开始学习HTML的新手。这篇文章是我在学习html过程中的一些笔记和心得，希望能和同样在学习HTML的朋友们分享。由于我的知识有限，文章中可能存在错误或不准确的地方，欢迎大家在评论区提出建议和指正。我非常期待大家的反馈，以便我能不断学习和进步。同时，我也会在文章中注明参考的资料，以示对原作者的尊重。
PS：本帖以记录学习心得和课堂笔记为主，没有其他大博主那么专业，但是简单易懂^-^
本贴的其他相关学习笔记资料可以通过订阅专栏获取，喜欢的小伙伴可以多多点赞+关注呀！后续会 持续更新相关资源的~
课程学习资源：根据b站‘前端Web开发HTML5+CSS3+移动web视频教程，前端web入门首选黑马程序员’ 视频学习记录而成。原视频网址：前端Web开发HTML5+CSS3+移动web视频教程，前端web入门首选黑马程序员_哔哩哔哩_bilibili
55-伪元素选择器
创建虚拟元素（伪元素），来摆放装饰性的内容。
写法：
都是在选中的标签最里面创造伪元素-创建子集标签
示例代码：
原效果图：
然后现在加上伪元素选择器：
此时加入的标签是行内元素。如何测试？加宽高背景色，看看能不能显示
当宽高和bgc不匹配时，说明是行内模式。
如何变行内模式为其他的显示模式？ div：：before{}里面加上display:block 或者 display: inline-block
注意：如果用before和after来使用伪元素选择器，{}里面必须要有content属性，没有内容也要content:' ' 否则该选择器就不生效。
第五十六课：Pxcook像素大厨
自动识别PSD文件的信息。
PSD文件是设计稿的后缀名，设计师给的，咱可以用pxcook来看设计稿。
做网页：选web设计稿
在像素大厨里面导入psd设计稿
开发面板可以自动智能识别具体颜色数据尺寸数据。
之后就可以直接根据这些数据来进行开发，十分方便。
某些无法智能识别数据的地方，可以使用设计面板来进行手动测量。
能用智能识别就用智能识别。
最后，感谢每一位阅读这篇文章的朋友，你们的反馈对我来说非常宝贵。如果有任何问题或建议，请随时告诉我。让我们一起学习和进步吧！如果您喜欢我的内容，别忘了点赞和关注哦，我会定期分享更多有价值的信息。