CSS 整形ツール- 無料のオンライン CSS フォーマッターと整形ツール

Input data
bfotool loadding
Output data
bfotool loadding

CSS とは何ですか?

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

いつ使うのですか?

CSSスタイルシートを書くと、インデント、スペース、その他の書式設定が乱れてしまうことがよくあります。また、複数の開発者が1つのプロジェクトで作業し、それぞれが異なる書式設定手法を用いることも珍しくありません。このツールは、ファイルの書式設定を統一するのに役立ちます。また、CSSスタイルシートは縮小または難読化されることもよくあります。このツールを使用すると、コードを美しく読みやすくし、編集を容易にすることができます。

CSS 美化の例

以下に縮小された 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   
 }