우리가 코딩하는 코드는 충분히 표준화되지 않은 경우가 많습니다. 비록 이 사이트가 이전에 많은 아이디어와 경험을 제공했지만 여전히 지저분한 코드 현상을 바꿀 수는 없습니다. 오늘은 CSS 코드를 재구성하는 강력한 도구인 Styleneat를 소개하겠습니다.
Styleneat은 CSS 선택기, 하위 선택기 및 속성을 계층 구조로 재구성하여 프로그래머가 페이지 영역을 정의하고 이들 간의 관계를 더 쉽게 볼 수 있도록 해줍니다. Styleneat은 CSS 속성을 재구성하는 데 도움이 되는 무료 서비스입니다.
스타일깔끔하다 예를 들어 다음 CSS 코드를 변환합니다.
예제 소스 코드
[www.downcodes.com] id1 {너비: 100px }
id1 .class1 { 배경: #000 }
id1 .class1 a { 텍스트 장식: 없음; #fff }
id1 .class1 a 범위 { 텍스트 들여쓰기: 10px }
id2 {너비: 200px }
다음과 같이 재구성되었습니다.
예제 소스 코드
[www.downcodes.com] id1 {너비: 100px }
id1 .class1 { 배경: #000 }
id1 .class1 a { 색상: #fff; 텍스트 장식: 없음 }
id1 .class1 a 범위 { 텍스트 들여쓰기: 10px }
id2 {너비: 200px }
Styleneat은 세 가지 사용 방법을 제공합니다.
예제 소스 코드
[www.downcodes.com] 1. CSS 코드를 직접 붙여넣습니다.
2. CSS 파일을 업로드하세요.
3. CSS 파일의 URL 주소를 제공하십시오.
또한 Styleneat은 CSS 선택에 따른 알파벳 순서, 한 줄 형식 또는 여러 줄 형식 등과 같은 몇 가지 옵션도 제공합니다. Styleneat은 여전히 CSS 최적화에 많은 도움을 제공합니다.
http://styleneat.com/ 
