HTML/CSS学习总结 - 好文

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

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

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

HTML

HTML，中文全称“超文本标记语言”，这是一种用来作为网页内容结构的语言，跟C、JAVA之类的编程语言不同，这是

一门标记语言，简单来说就是用来搭建网页的基本架构，它决定了网页呈现了怎样的结构以及有什么内容，那么网页内容应该以怎样的方式呈现（颜色、尺寸，位置等）以及网页的内容怎样动态变化（交互细节），应该是分别由CSS和JavaScript来完成的。

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

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

* <!DOCTYPE>，即文档类型声明（DTD），详情参考；
<http://www.w3school.com.cn/html/html_doctype.asp>
* 标签 <http://www.w3school.com.cn/tags/index.asp>，例如<body>、<div>、<a>等；
* 属性 <http://www.w3school.com.cn/tags/html_ref_standardattributes.asp>
，例如id、class、title等，另外事件也是一种标签的属性；
* 嵌套，我觉得HTML的强大之处是它具有标签可嵌套的特性；

CSS

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

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

CSS的主要组成部分：

* 选择器，分别有后代、ID、类、属性选择器
* 样式声明，包含背景、文本、字体、链接、列表、表格等
* 盒子模型
* 定位（相对，绝对，浮动）
好吧，今天就总结到这里，后面根据情况再补充。

热门工具换一换