前端技术：html＆CSS

之前开发了一个网站，使用的是web.py框架，寒假打算把Django系统学习一下，顺便记录分享一些学习的内容，权当分享笔记。

一个强大的网站：https://devdocs.io/优势在于手册式的知识点，最新又全面，还实时更新。

01Definition

前端：前端开发可以理解为搭建与后端相对的一端，简单的来说就是进行用户界面UI（Users Interface）的构建，小到界面里面的一个输入框，一个按钮，而不简单的前端还涉及到相关的串口，交互设计等。因此前端的相关学习也不容小觑，简单地可以理解为资浅的前端开发爽的是用户，而资深的前端工程师还爽后端开发，涉及到Html、CSS、JavaScript、JQuery、Bootstrap、Vue、Webpack、React、Node.js等。

Html（HyperTextMarkupLanguage）：超文本标记语。Html并不是一种编程语言，仅仅是一种标记语言。

编程语言和标记语言的根本区别在于，自身是否具备逻辑性和行为能力，标记语言本身没有行为能力，是被读取的，例如html、xml等；编程语言需要编译执行，本身具有逻辑性和行为能力，例如C、Java、Python等。

上面这个图是在浏览器打开一个界面后按键盘F12就可以调出的控制台。

CSS（CascadingStyleSheets）:层叠样式表，简单来说就是用来规定Html里面各个元素长什么样子的。规定图片的大小、位置、圆角；字体的字样、大小、位置等等。

02Notes

1）CSS规则由选择器、一条或者多条声明两个部分组成。选择器包括id选择器，类选择器、属性选择器；id属性只能在每个Html文档中出现一次。

2)CSS框模型