無料のオンラインCSSビューティファイア/フォーマッタ

Input data
bfotool loadding
Output data
bfotool loadding

CSSとは何ですか？

  • CSSはCascadingStyleSheetsの略です
  • CSSは、HTML要素が画面、紙、またはその他のメディアにどのように表示されるかを記述します
  • CSSは多くの作業を節約します。複数のWebページのレイアウトを一度に制御できます
  • 外部スタイルシートはCSSファイルに保存されます

いつ使用しますか

多くの場合、CSSスタイルシートを作成するとき、インデント、間隔、およびその他のフォーマットが少し混乱する可能性があります。また、複数の開発者が、異なるフォーマット手法を持つ単一のプロジェクトで作業することもよくあります。このツールは、ファイルのフォーマットを一貫させるのに役立ちます。CSSスタイルシートが縮小または難読化されることも一般的です。このツールを使用すると、コードを美しく読みやすくして、編集しやすくすることができます。

CSSBeautifyの例

以下の縮小されたCSSスタイルシート：

.headbg{margin:0 8px }a:link,a:focus{color:#00c }a:active{color:red }

この美化になります：

.headbg{
     margin:0 8px 
 }
 a:link,a:focus{
     color:#00c 
 }
 a:active{
     color:red 
 }