初步了解HTML与CSS的作用

2018.04.27 百度前端学院学习日记2

        在百度前端学院提交的第一份作业是简单的简历，仅仅使用了HTML语言，同时标签也只用了三个，分别是<P><h1><b>，使用这几个标签，能够做出一个很简单的文本排列效果。当然，这种简单的效果并不是我想要的，第二天的代码中，我在原来的页面添加了一些<div>标签，并对这些标签添加了样式，即CSS，虽然我对于CSS的运用并不是信手拈来，但是依靠CSS的强大功能，让我的简历看上去效果丰富了些。

        接下来就说说HTML与CSS，我初次接触前端编程的时候，并没有意识到、也没有人告诉我，HTML与CSS应该分开使用。如果写网页就像造房子，HTML就是打好结构，同时也要知道，HTML的职责就是形成网页框架。往网页内填充的内容，图片或者文章就像水泥，CSS就是瓷砖、吊顶这样的修饰。这只是很粗糙的一些比喻，如果要更加深入了解CSS的工作原理，可以移步https://developer.mozilla.org/zh-CN/docs/Learn/CSS/Introduction_to_CSS ，里面有很详尽的内容。

        本篇笔记要重点强调的是：尽量使用HTML代码构建网页结构，并使用CSS丰富来增加的效果。虽然HTML中有些标签也可以给内容增加效果，但最好还是用CSS来达成这个目的，另外CSS代码可以与HTML代码放在一个文本中，建议还是使用另一个文本存放CSS，在HTML增加一个<link>标签引用CSS即可。这么做的好处是：一代码结构清晰，便于在内容逐渐增加的时候维护代码。二是这样做更符合web规范，使代码语义化，从优化上来说，能让浏览器工作效率更高。以上两点是我个人在学习过程中收获的知识，欢迎补充和指正。