尚硅谷web前端工程师1000集学习笔记15

开发工具选择

我们要用到哪些工具? 
 
学习HTML和CSS开发我们不需要太复杂的工 具尤其是前一阶段,我们主要使用的工具有:
 
浏览器: 火狐、IE、Chrome
 
编辑器: 记事本、NotePad++、HBuilder
 
调试工具 : FireBug
 
图片工具
 
Photoshop
 

文本编辑器

在windows中我们只需要使用最简单的事本就可以完成所有的网页的开发。 

但是一般我们会使用一些具有提示功能的纯文本编辑器: 

Notepad++(免费

Sublime(收费

当然还有很多其他的工具。

IDE(集成开发工具) 

IDE拥有比纯文本编辑器更加强大的提示功能,也是我们开发中用的比较多的工具。 

DreamWeaver(收费

WebStorm(收费

Hbuilder(免费

当然也有其他的IDE

现下阶段使用HBuilder,右上角选择视图,可选择边改边看模式

快捷键:Ctrl+D删除一行;标签可以直接p+tab  h+tab,即可成对出现,或者h+enter

alt+/ 提示功能;ctrl+shift+r 复制一行;Ctrl+回车(光标) 换行;

顶端帮助选项中有一个快捷键列表

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>标题</title>
	</head>
	<body>
		<!--
		<style type="text/css">
			h1{color:aquamarine;}
		</style>
		-->
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
		<h1>疾病退散</h1>
		<h2>2020加油</h2>
		<h2>2020加油</h2>
		<h2>2020加油</h2>
		<h2>2020加油</h2>
	</body>
</html>

 style.css

h2{color: red;
font size: 100px;}
 
 
发布了37 篇原创文章 · 获赞 3 · 访问量 801

猜你喜欢

转载自blog.csdn.net/qq_38547320/article/details/104264636