图1.4 在HTML基础上加入CSS样式
图1.5 加入JavaScript鼠标划入效果
1.2 Web前端开发工具
俗话说得好，工欲善其事必先利其器。所以在HTML CSS开发过程中，需要先来选择适合的相关开发工具。HTML CSS开发过程中主要涉及到三大类工具：浏览器、网页编辑器、切图软件，本节就来介绍这三大类工具。
1.2.1 浏览器
浏览器是网页的运行平台，即可以把HTML文件展示在网页中，供用户可上网进行浏览的一种软件。目前主流的浏览器有IE、Chrome、Firefox、Safari、Opera等，如图1.6所示，由于某些因素，这些浏览器不能完全采用统一的Web标准，或者说不同的浏览器对同一个CSS样式有不用的解析。这就导致了同样的页面在不同的浏览器下显示效果可能不同。
图1.6 主流浏览器
不同用户使用的浏览器可能不同，因此制作网页时，需要保证该网页兼容所有的主流浏览器。关于网页制作中的兼容性问题及解决方案，会在后面的章节进行讲解。下面介绍几种主流的浏览器。
1. IE浏览器
IE是Internet Explorer简称，它是微软公司推出的一款网页浏览器，采用Trident内核实现，有6.0、7.0、8.0、9.0、10.0、11.0等版本。在IE7以前，中文直译为“网探路者，但在IE7以后官方便直接俗称"IE浏览器"。由于一些用户仍然在使用低版本的浏览器，所以在制作网页时，一般也需要兼容低版本的浏览器。一些其他的浏览器都是基于IE内核的，如360安全浏览器、搜狗浏览器等，只要兼容IE浏览器，这些基于IE内核的浏览器也都兼容。
2. Chrome浏览器
Chrome浏览器一般指Google Chrome，Google Chrome是一款由Google公司开发的一款设计简单、高效的Web浏览器，采用V8引擎，可快速运行复杂的大型网站，从而降低浏览者访问的等待时长。该浏览器基于其他开源软件撰写，采用Webkit、Blink内核实现，目标是提升稳定性、速度和安全性，并创造出简单且有效率的使用者界面。本书运行环境采用Chrome浏览器，版本为 54.0.2840.5，如图1.7所示。
图1.7 Chrome浏览器首页
3. Firefox浏览器
Firefox浏览器一般指Mozilla Firefox，中文俗称“火狐”，是Mozilla公司出品的一款自由及开放源代码Web浏览器，采用Gecko内核实现，支持多种操作系统，如Windows、Mac OS X及GNU/Linux等。
4. Safari浏览器
Safari是苹果公司出品用于苹果计算机的操作系统Mac OS X中的浏览器，采用Webkit内核实现，使用了KDE的KHTML作为浏览器的运算核心。无论在 Mac、PC 或 iPod touch 上运行，Safari 都可提供极致愉悦的网络体验方式，更不断地改写浏览器的定义。
5. Opera浏览器
Opera浏览器，是一款挪威Opera Software ASA公司制作的支持多页面标签式浏览的Web浏览器，采用Presto内核实现，它是跨平台浏览器可以在Windows、Mac和Linux三个操作系统平台上运行。
注：浏览器内核负责对网页语法进行解释（如标准通用标记语言下的一个应用HTML、JavaScript）并渲染（显示）网页。 所以，通常所谓的浏览器内核也就是浏览器所采用的渲染引擎，渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。
1.2.2 网页编辑器
网页编辑器是书写HTML、CSS等代码的工具软件。一般常用的网页编辑器有Dreamweaver、Sublime Text、WebStorm、Hbulider等，如图1.8所示为常用的网页编辑器的图标。本教材采用Dreamweaver网页编辑器 版本为CS6。Dreamweaver简称“DW”，具备完美的代码提示功能和强大的辅助操作，因此它非常容易上手，是一款适合初学者学习和使用的网页编辑器。
