CSSDESK
웹에서 CSS/HTML 편집 작업을 할 때, 바로바로 어떻게 표시되는지 확인하고 싶을 때 유용한 웹사이트 CSSDESK입니다. 굉장히 직관적이고 편리해서 자주 사용하지만, 단점은 아무래도 한글의 경우에 제대로 HTML에서 입력이 안되는 경우가 있습니다. 되기는 하는데, 붙여넣기 방식으로 넣어야 합니다. UTF이나 Language 언어 호환때문에 그런 것 같습니다.
기본 CSS 세팅이 되어 있기는 한데, 필요한 CSS 요소를 수정하면 아래와 같이 표시될 수 있습니다. HTML도 직접 넣어주시면 되는데, 아주 간단한 DIV 요소를 활용해서 아래와 같이 박스를 만들 수 있습니다.
<div>This is box.</div>
이런식으로 간단한 HTML 코드를 넣어서 DIV 블럭을 만들어봤습니다. 특정 코드를 테스트하거나 CSS 수정시 어떻게 변하는지 실시간으로 확인하고자 할 때 사용하면 좋은 사이트입니다.
'Web Design' 카테고리의 다른 글
에디트플러스 (Edit Plus) 설치 및 FTP 연결방법 (0) | 2020.05.19 |
---|---|
MySQL 그누보드 관리자 계정찾기(아이디/비밀번호) (0) | 2020.05.18 |
나눔스퀘어 웹폰트의 치명적인 문제점(한자표기) (0) | 2020.05.15 |
나눔스퀘어 폰트 깨짐 현상과 웹폰트 활용방법 (0) | 2020.05.15 |
트와이스 여성팬사이트 'Want' (0) | 2020.03.27 |
유튜브 화면 일러스트(.AI) 소스·Source (0) | 2019.12.04 |
이미지를 짜르지 않고 배경화면의 커버속성을 썸네일에 적용하는 방법 (0) | 2019.11.09 |
엔티티 코드(Entity Code) 정리 (0) | 2019.11.01 |