Если написать просто class, то с ним ничего не произойдёт, ибо это просто текст. А вот в составе дива и т.п. оно уже отображается как положено.

И всё же лучше сразу использовать что-то более подходящее. Можно начать с того же Sublime Text 3 или Brackets (всё ж удобнее Notepad++). Или что понравится.