HTML/CSS学习总结

哈喽，各位新年快乐呀！今天是2019年的第一天，在这里祝愿大家新的一年能够身体健康、事事顺利，同时希望自己能够在新的一年里完成自己当初所定下的目标。

---

言归正传，很高兴我并没有经过多久继续更新博客，上一次发博还是在一周前的平安夜。在这一周的闲余时间里我抓紧时间学习，在W3School中文站把HTML/HTML5和CSS/CSS3的基础耐心地过了一遍，期间也完成了一些实例和测验，由于存在以往自身在其它领域的编程经验，算是在Web前端的路上刚正式入门（说不定只是敲了个门）吧。

在此，我打算把这周的学习感想记录下来，做个简单的总结和归纳。

HTML

HTML，中文全称“超文本标记语言”，这是一种用来作为网页内容结构的语言，跟C、JAVA之类的编程语言不同，这是一门标记语言，简单来说就是用来搭建网页的基本架构，它决定了网页呈现了怎样的结构以及有什么内容，那么网页内容应该以怎样的方式呈现（颜色、尺寸，位置等）以及网页的内容怎样动态变化（交互细节），应该是分别由CSS和JavaScript来完成的。

如今，HTML的标准已经发展到最新的HTML5，这相较于普通的HTML4又新增了更多的新标签和属性，以方便前端开发者更方便地开发出好看易用的网页。

那么，HTML究竟有什么内容，我自己大致总结为下面这些：

• ，即文档类型声明（DTD），详情参考；
• 标签，例如、
  、等；
• 属性，例如id、class、title等，另外事件也是一种标签的属性；
• 嵌套，我觉得HTML的强大之处是它具有标签可嵌套的特性；

 

CSS

          

CSS，中文全称“层叠样式表”，这是一种用来解决HTML结构内容与表现耦合的方式，有了CSS就可以把HTML里面各个部分的细节如何呈现单独独立到一个样式表（.css文件）中，而这个样式表可以为多个页面所共享复用。

CSS版本已经来到最新的CSS3，CSS3相比CSS2添加了更多的动画效果属性等。

CSS的主要组成部分：

• 选择器，分别有后代、ID、类、属性选择器
• 样式声明，包含背景、文本、字体、链接、列表、表格等
• 盒子模型
• 定位（相对，绝对，浮动）

好吧，今天就总结到这里，后面根据情况再补充。