CSS Beautify 도구- 무료 온라인 CSS 포매터 및 뷰티파이어

Input data
bfotool loadding
Output data
bfotool loadding

CSS란 무엇인가요?

  • CSS는 Cascading Style Sheets의 약자입니다.
  • CSS는 HTML 요소가 화면, 종이 또는 기타 미디어에 표시되는 방식을 설명합니다.
  • CSS는 많은 작업을 줄여줍니다. 여러 웹 페이지의 레이아웃을 한 번에 제어할 수 있습니다.
  • 외부 스타일 시트는 CSS 파일에 저장됩니다.

언제 사용하시나요?

CSS 스타일 시트를 작성할 때 들여쓰기, 간격 및 기타 서식이 다소 체계적이지 않을 수 있습니다. 여러 개발자가 하나의 프로젝트에서 서로 다른 서식 기술을 사용하는 경우도 흔합니다. 이 도구는 파일 서식을 일관되게 유지하는 데 유용합니다. CSS 스타일 시트는 축소되거나 난독화되는 경우가 많습니다. 이 도구를 사용하면 코드를 보기 좋고 읽기 쉽게 만들어 편집이 더 쉬워집니다.

CSS Beautify 예제

아래는 최소화된 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   
 }