CREATIVE

CSS/HTML 미리보기 편집기 웹사이트 'CSSDESK'

Web Design
2020. 5. 14. 22:28

CSS/HTML 미리보기 편집기 웹사이트 'CSSDESK'

CSSDESK

웹에서 CSS/HTML 편집 작업을 할 때, 바로바로 어떻게 표시되는지 확인하고 싶을 때 유용한 웹사이트 CSSDESK입니다. 굉장히 직관적이고 편리해서 자주 사용하지만, 단점은 아무래도 한글의 경우에 제대로 HTML에서 입력이 안되는 경우가 있습니다. 되기는 하는데, 붙여넣기 방식으로 넣어야 합니다. UTF이나 Language 언어 호환때문에 그런 것 같습니다.

기본 CSS 세팅이 되어 있기는 한데, 필요한 CSS 요소를 수정하면 아래와 같이 표시될 수 있습니다. HTML도 직접 넣어주시면 되는데, 아주 간단한 DIV 요소를 활용해서 아래와 같이 박스를 만들 수 있습니다.

 

<div>This is box.</div>

이런식으로 간단한 HTML 코드를 넣어서 DIV 블럭을 만들어봤습니다. 특정 코드를 테스트하거나 CSS 수정시 어떻게 변하는지 실시간으로 확인하고자 할 때 사용하면 좋은 사이트입니다.

 

http://www.cssdesk.com/

 

CSSDesk - Online CSS Sandbox

HTML Hello World!

www.cssdesk.com

 

태그