htmlcss可以用notepad++编写。
Notepad++是 Windows操作系统下的一套文本编辑器(软件版权许可证: GPL)，有完整的中文化接口及支持多国语言编写的功能(UTF8技术）。
支持众多计算机程序语言:C,C++,Java,pascal,C#,XML,SQL,Ada,HTML,PHP,ASP, AutoIt, 汇编, DOS批处理,Caml, COBOL, Cmake, CSS等。
Notepad++功能比 Windows 中的 Notepad(记事本)强大，除了可以用来制作一般的纯文字说明文件，也十分适合编写计算机程序代码。Notepad++不仅有语法高亮度显示，也有语法折叠功能，并且支持宏以及扩充基本功能的外挂模组。
Notepad++是免费软件，可以免费使用，自带中文，支持众多计算机程序语言:C、C++、Java、pascal、C#，XML、SQL、Ada、HTML、PHP、ASP,、AutoIt,、汇编,、DOS批处理、Caml、COBOL、Cmake、CSS,D、Diff、
ActionScript、Fortran、Gui4Cli、Haskell、INNO、JSP、KIXtart、LISP、Lua、Make处理(Makefile)、Matlab、INI文件、MS-DOS Style、NSIS、Normaltext、Objective-C、Pascal、Python、Javascript、Verilog、Haskell、InnoSetup、CMake、VHDL、Matlab。
超文本标记语言(Hyper Text Markup Language)，标准通用标记语言下的一个应用。HTML不是一种编程语言，而是一种标记语言 (markuplanguage)，是网页制作所必备的。“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。
超文本标记语言(或超文本标签语言)的结构包括“头”部分和“主体”部分，其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。
扩展资料：
html语言特点：
1、简易性：超级文本标记语言版本升级采用超集方式，从而更加灵活方便。
2、可扩展性：超级文本标记语言的广泛应用带来了加强功能，增加标识符等要求，超级文本标记语言采取子类元素的方式，为系统扩展带来保证。
3、平台无关性：虽然个人计算机大行其道，但使用MAC等其他机器的大有人在，超级文本标记语言可以使用在广泛的平台上，这也是万维网（WWW）盛行的另一个原因。
4、通用性：另外，HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。
参考资料来源：
百度百科-Notepad++
百度百科-HTML
1.什么是vue虚拟dom。先知道什么是dom树。
众所周知，一个页面形成的流程。（顺便聊一下回流和重绘）
（1） 解析 HTML===>生成DOM树
（2） 解析CSS===>生成CSSDOM树
（3） Render Tree ===>从Dom树的根节点开始遍历每个可见的节点（因为这里面有display：none、scrpi等的，不被遍历。）
对于每个可见的节点，找到其对应的CSSDOM规则，并且应用。
生成Render Tree 。
fine，问题来了，什么是回流呢？就是在生成render Tree 的时候，有的CSS涉及到了HTML的尺寸（width/height）、布局改变、隐藏等。详细的可以去搜一下怎么会造成回流。<h3>所有的页面都至少会有一次回流，因为第一次生成render tree一定会回流</h3>
Render Tree生成后，layout（布局）就完成了开始绘制（添加属性，类似于颜色啊，大小啊之类的不会影响布局的属性）。如果说不出意外你不去改的话这辈子和个Render Tree就永远是这个树了。HTML页面就渲染结束了。
但是如果你想改。好嘛，我们就要开始判断你改的是什么了。如果说是影响布局的，那就是回流===>重绘
如果说你只想改个颜色啥的那就直接是重绘，没有回流。
<h3>杰伦：回流必然会带来重绘，但是重绘不一定会回流</h3>
关于如何优化，可以搜索回流和重绘
参考图：
好了，简单的理解了一些html解析和dom树的生成流程。就可以解释什么是虚拟dom了。
虚拟dom也还是那个dom。那为啥不用真实的dom呢？因为真实的DOM你一操作，它立马给你回流重绘，可能你有10个事件在等着干，一个个都要回流重绘一遍太影响性能了。
（高光打过来！）虚拟dom就站出来了。
虚拟dom：如果有10次更新dom的动作，虚拟dom不会立即操作dom，而是将这10次更新的内容储存起来，通过diff算法，把新的dom（vue刚构造的虚拟dom）和旧的dom（可能是页面上现在显示的真实的dom）进行对比。然后渲染对比完的DOM。
问题来了：什么是diff呢？这是一个算法，有兴趣的可以自己搜一下详细了解诶。我这里只是简单的介绍说这个东西就是 ：头头对比。肚子肚子对比。脚脚对比。同级对比，不会跨级对比。就是我的新头和我的旧头对比。我的新肚子和我的旧肚子对比。对比完了去页面上生成一个新的我。
上面提到了patch阶段，顺便说一下key diff算法会通过key可以判断这两个虚拟dom是不是同一个dom，所以我们key尽量都要写上，并且尽量不要使用索引作为key。可以使用 'xx-index' 方式写key。方便你我它~~
好了。本文over 以上都是自己复习的时候总结的内容，如果有问题请留言 Thanks♪(･ω･)ﾉ
<script language="javascript">function diff(x){
ie4=(document.all)?true:false
if (ie4){
block=x.style
}
var a=screen.width
switch (a){
case 1024:
block.left=""+(parseInt(block.left)+112)
break
case 1152:
block.left=""+(parseInt(block.left)+176)
break
case 1280:
block.left=""+(parseInt(block.left)+240)
break
}}
</script>
<div id="mooon" style="position:relativewidth:350pxheight:14pxz-index:1background-color: #cccccclayer-background-color: #6699ccborder: 1px none #000000left:150pxtop:385px">
层的内容 </div>
<script>diff(mooon)</script>
注意：上面这种方法能实现层的固定，但有一个问题是要固定的这个层会独占用高度，以下的方法可以解决：
<div id="Layer1" style="position:absolutewidth:49pxheight:14px">
<div id="mooon" style="position:absolutewidth:645pxheight:43pxz-index:1layer-background-color: #6699ccborder: 0px none #000000left:330pxtop:380px">内容
＜／div＞
</div>
这些代码可以让层固定显示
