很高兴您能阅读本期专栏！俗话说，相遇是缘分，或许上辈子你我回头500次，才能得到这一面。说起来有点恶心，还是言归正传，说说本栏目吧。本专栏重点介绍HTML和CSS页面开发技术。在真正讲内容之前，我想和大家聊一聊这个专栏是给谁看的，为什么要写这个专栏，学习了这个专栏你能得到什么。如果你是有缘人，请放慢脚步，听我慢慢对你说。如果你不感兴趣或者不需要这个栏目，没关系，我们不浪费彼此的时间，我们各奔东西，去找我们的妈妈。说不定什么时候，兜兜转转我们还会再见，你停下来倾听也不迟。你适合学习本栏目吗？HTML和CSS是前端程序员的入门内容，所以这个专栏显然主要是写给前端新手的。希望能作为前端小白开发入门前端的第一本学习资料，或者作为辅助阅读内容。当然，如果你已经是一名前端程序员，利用本专栏查漏补缺也不是不可以。欢迎大家给我建议和想法，让我进一步完善和优化这个栏目。也是一件很美好的事情！所以，总的来说，本专栏针对两类朋友：想入门前端开发的前端小白，想查漏补缺的前端程序员。如果你是以上两类朋友，请继续往下看。如果没有，请自行考虑是否继续阅读！为什么要写这个专栏？其实说起前端入门的HTML和CSS教程、书籍和视频，基本烂透了。那么为什么要写这样一个专栏呢？以我近十年的培训师经验，我可以很负责任的告诉大家，现在的大部分资料对小白来说都不够友好。第一点，现在市面上基本上都是大而全的内容。其实很多内容在实际工作中根本用不到，或者说真的很少用到。然后，你会花更多的时间和精力去研究这些内容。但是最后你会发现，如果你真的把这些内容用在以后的工作中，现在学习是没有问题的，学习成本也比刚开始的时候少很多。第二点，很多书和视频很少更新，或者更新频率很低。换句话说，基本上你学习的资料已经过时了！一些在线教程虽然比较新，但很少持续更新。可能这时候你会问，你的专栏不一样吗？答案是真的没有，我会持续更新这个专栏。即使不更新版本和内容，也会不断完善和优化原有内容。说大一点，希望这个专栏能写成《JavaScript权威指南》一样的经典前端学习资料！第三点，也是最后一点，也是最重要的一点。作为一个前端程序员和前端讲师，一直没有搞明白一件事，就是学习的时候为什么要把HTML和CSS分开来学习。尽管有些书包含HTML和CSS内容，但它们是分开编写的。这也是我个人的想法，就是把HTML和CSS整合在一起，根据应用场景来做。比如可能有一个章节叫做“Text”，里面有HTML元素和CSS样式内容，但是都是围绕“Text”这个核心内容展开的。基于以上的想法和思考，就有了这个专栏！看完这个专栏你能得到什么？一开始我说这个专栏是专门介绍HTML和CSS的。因此，简而言之，完成后您将拥有HTML和CSS的技术知识。再者，我们都知道HTML和CSS是构建静态页面的核心，那么你也会掌握构建静态页面的能力。当然，这里需要说明的是，在本专栏中，我们不会谈论HTML5的一些高级新特性，比如WebStorage、音视频、Canvas等。也不会讲CSS3的一些高级新特性，比如transform和transition属性。为什么？因为这些内容会在其他专栏中讨论。更何况，在这个专栏里，也许我不会讲案例。因为案例，我有了其他的想法，可能会创建一个案例库之类的。这样大家就可以配合本栏目一起研究啦~当然现在只是一个想法！如果你觉得本专栏有必要讲案例，我可以稍后补充。还有一件事要告诉大家，就是在这个专栏的内容基本没有太大变化的情况下，我会根据文字内容做一个视频。毕竟我们现在已经进入了视频时代，总不能逆时代而行吧？！本期专栏内容是什么最后说一下本期专栏的具体内容吧！废话不多说，直接上目录和链接：第一章先带你过门HTML：初次见面，先自我介绍你还在用IDE吗？快来看看VSCodeHTML：你我的第一次，就这么简单吗？CSS：离不开HTML的闺蜜要搞定HTML，那就先搞定CSS吧。有很多种，CSS提供什么？基本选择器：风格设计必备工具层次选择器：利用关系达成目标群体伪元素选择器：真假只有一个选择器第三章颜色：这个世界的颜色是如何组成的【你真的懂颜色吗？不一定]()[CSS中的颜色其实很简单，不信你看]()[一种颜色的表达方式有很多种]()[你能不能看清这个世界就看关于透明度]()第4章单位：相对与绝对的博弈[em与rem：一字之差，却相差千里]()第5章正文：最简单的信息呈现形式[结构元素：构建页面最基本的元素]()[字体风格：文字也可以是五颜六色的]()[文字风格：文字也可以是美丽的]()[第6章链接：两个平行世界之间的通道[链接元素:通往另一个页面的门]()[也可以在一个页面进行位置传送]()[动态伪类选择器：以后的一切都安排好了]()[目标伪类选择器：让你的目标与众不同]()Chapter7图片：俗话说一图胜千言[图片元素：介绍一张图片就这么简单]()[背景不仅可以显示颜色，还可以显示图像]()[Spriteimage：懒人好用的小技巧]()第八章列表：让一切井然有序【列表元素：简约而不简单的列表】()【列表样式：列表也可以很美】()【计数器：复杂列表的一种制作手段]()第9章表格：使信息的展示清晰易懂[表格元素：以结构化的方式展示信息]()[表格样式：使表格更加多样化]()【结构伪类选择器：快速搜索法】()第10章盒子：将简洁发挥到极致【掌握HTML页面元素精髓】()【边框也能玩出花样？是的】()【margin：功能和问题并存】()【一个盒子需要分这么多情况】()第11章显示和隐藏：如昼夜[display属性：一个具有多重作用的CSS属性]()[visibility属性：一个专用且持久的CSS属性]()第12章内容溢出：这是一个问题？是的？[overflow属性：一个自带隐藏功能的CSS属性]()[text-overflow属性：只解决文本溢出情况]()第13章定位：将HTML页面变成坐标轴[了解HTML页面默认排序规则很重要】()【浮动：一种让元素浮动的技术】()【定位：利用坐标轴确定位置的方法】()第14章继承与级联：接近CSS规则的本质【继承与层叠】非继承：一个值得讨论的问题]()【层叠：理解CSS是怎么玩出来的】()第15章布局：就像盖楼时的设计图【居中布局：如何把元素放在中间】()[多栏布局：没你想的那么简单（上）]()[多栏布局：没你想的那么简单（中）]()[多栏布局：没你想的那么简单think(下)]()【全屏布局：设计思路远比实现重要】()第16章表格：只有进出？不就是谢谢聘[形式很重要，但组件更重要]()[元素：给你意想不到的功能]()[
