Atom可以轻松地编写CSS样式表。当你新建一个CSS文件时,Atom可以为你添加语法高亮、代码折叠、自动缩进、代码提示等功能。当然,Atom还支持实时编译CSS文件,让你可以即时预览你的样式。
body { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.5; color: #333; background-color: #eaeaea; } h1, h2, h3, h4, h5, h6 { font-weight: bold; line-height: 1.2; margin-top: 1.5em; } .btn { display: inline-block; padding: 0.5rem 1rem; color: #fff; background-color: #0074d9; border: 1px solid #0074d9; border-radius: 0.25rem; text-decoration: none; cursor: pointer; transition: all 0.2s; } .btn:hover { color: #0074d9; background-color: #fff; }
在Atom中编写CSS样式表可以大大提高工作效率。如果你还没有尝试过,那么你不妨把它加入日常开发中,相信你也会深深爱上它的。