[웹] CSS Inliner Tool (스타일을 인라인으로)

웹 사이트 : https://templates.mailchimp.com/resources/inline-css/

 CSS 스타일에는 외부, 내부, 인라인 스타일로 나누어져있는데.

보통은 외부, 내부 스타일을 이용을 하고 정말 특별한 경우 혹은 자바스크립트를 통해서 적용을 할 때. 인라인 스타일을 이용하게 된다.

하지만 이메일을 보낸다던지, 특히 네이버 블로그에 글을 쓸 때.

CSS를 통해서 일관된 디자인을 통해서 글을 작성하고 싶을 때가 있을 것이다.

하지만, 안타깝게도 이들은 내부 스타일을 자유롭게 이용할 수가 없다.

그렇기 때문에 인라인 스타일을 통해서 작성할 수가 있는데. 태그 하나하나마다 스타일을 다 적어주기란 참 곤란한 일이 아닐 수가 없다.

하지만 이런 불편함을 느끼는 사람은 많을 것이고 이를 이미 프로그램으로 만들어둔 고마운 개발자가 있다.

웹에서 동작하는 것이므로 그냥 간편하게 홈페이지 즐겨찾기 해놓고 사용하면 될 듯 하다.

사용법은 간단하다.

인라인 태그로 치환이 필요한 태그를 이렇게 작성하여서 넣고나서 Convrt 버튼만 누르면 변환을 시작한다.

그러면 얼마 후에 다음과 같이 변환되어 있는 텍스트 박스가 하단에 나타난다.

class에 대한 것과 내부 스타일의 잔여된 흔적은 남아 있지만 제대로 적용이 되어있다.

나머지는 그냥 수동으로 삭제하거나 혹은 찾기-바꾸기를 통해서 삭제해도 충분한 작업이므로 상당히 많은 일을 덜 수 있는 점은 사실이다.

또한, 네이버 블로그에서 변환된 태그를 넣어서 글을 쓰면 인라인 스타일을 제외한 다른 내부 스타일이나 외부 스타일을 적용하려는 style태그는 모조리 주석처리해버리기 때문에 별다른 추가변환 없이 해당 홈페이지에서 변환한 소스코드를 그대로 사용해도 무방할 것이라고 생각한다.