前端知识点(4)

1.实体(转义字符)：
(1): 实体:
1): 在HTML中预留了一些字符。
2): 这些预留字符是不能在网页中直接使用的。
3): 比如<和>，我们不能直接在页面中使用<和>号，因为浏览器会将它解析为html标签。
4): 为了可以使用这些预留字符，我们必须在html中使用字符实体。
5): 语法：&实体名；
(2): 字符实体:
1): 小于号 < _<
2): 大于号 > _>
3): 空格 _ 
4): 和符号& _&
5): 版权 _©
6): 引号” _"
7): 注册商标 _®
8): 商标 _™

2. 开发工具:
   (1). 文本编辑器：
   1): 在Windows中我们只需要使用最简单的记事本就可以完成所有的网页的开发。
   2): 但是一般我们会使用一些具有提示功能的纯文本编辑器:
   — Notepad++(免费)
   — Sublime(收费)
   3): 当然还有很多其他的工具。
   (2). IDE:
   1): IDE（集成开发工具）
   2): IDE拥有比纯文本编辑器更加强大的提示功能，也是我们开发中用的比较多的工具。
   — DreamWeaver(收费)
   — WebStorm(收费)
   — Hbuilder(免费)
   3): 当然也有其他的IDE。
3. 工具的选择：
   1): 上边说了那么多工具我们要使用哪个呢？
   2): 其实使用哪个工具都不重要，我们也不用费劲心机去讨论工具的好坏，找一个自己喜欢用的即可。
   3): 而且我们也要做到不依赖于某一个工具，我们要做到，即使只使用最简单的记事本，我们也可以照常开发。
4. CSS介绍:
   (1). CSS：
   1): 层叠样式表(Cascading Style Sheets)
   2): css可以用来为网页创建样式表，通过样式表可以对网页进行装饰。
   3): 所谓层叠，可以将整个网页想象成是一层一层的结构，层次高的将会覆盖层次低的。
   4): 而css就可以分别为网页的各个层次设置样式。
   (2). 基本语法：
   1): CSS的样式表由一个一个的样式构成，一个样式又由选择器和声明块构成。
   2): 语法：
   — 选择器{样式名:样式值；样式名:样式值；}
   — p{color:red；font-size:12px；}
   (3). 行内样式：
   1): 可以直接将样式写到标签内部的style属性中，这种样式不用填写选择器，直接1编写声明即可。
   <p style="color: red;font-size: 30px"></p>
   2): 这种方式编写简单，定位准确。但是由于直接将css代码写到了html标签的内部，导致结构与表现耦合，同时导致样式不能够复用，所以这种方式我们不使用。
   (4). 内部样式表：
   1): 可以直接将样式写到<style>标签中。
   <style>
   p{color:red; font-size: 30px;}
   </style>
   2): 这样使css独立于html代码，而且可以同时为多个元素设置样式，这是我们使用的比较多的一种方式。
   3): 但是这种方式，样式只能在一个页面中使用，不能再多个页面中重复使用。
   (5). 外部样式表：
   1): 可以将所有的样式保存到一个外部的css文件中，然后通过<link>标签将样式表引入到文件中。
   <link rel="stylesheet" type="text/css" href="style.css">
   2): 这种方式将样式表放入到了页面的外部，可以在多个页面中引入，同时浏览器加载文件是可以使用缓存，这是我们开发中使用的最多的方式。