스킨 개발을 위한 본문 스타일 정리입니다. 티스토리 스킨에서 포스트 본문은 로 불러오는데요. HTML편집으로 작성하지 않은 이상 클래스나 아이디등 속성이 비어있는 상태입니다. 저는 티스토리의 마크다운 편집기를 주로 이용하기 때문에 스킨에서 본문 스타일을 하나하나 찾아서 지정하느라 애먹었습니다. 지금 스킨도 마음에 안들어 갈아엎는 참에 마크다운을 기준 하는 본문 스타일 정리를 한번 해야겠다고 마음먹었습니다. 포스트 본문 내용의 구조 클래스 tt_article_useless_p_margin는 테마 스타일시트에서 padding이나 margin으로 준 문단의 위아래 여백을 !important까지 써가며 지워버리는 클래스로 마크다운 에디터로 쓰는 경우 자동으로 붙는 모양입니다. 스킨을 만들면서 스타일을 작성할 때..
[SASS/SCSS] 티스토리 본문 스타일
HTML문서에 페이지의 구조와 컨텐츠를 담는 과정을 간략하게 살펴봤습니다. 이제부터는 스타일과 배치를 고려하면서 HTML 문서를 편집합니다. 종속형 스타일시트(Cascading Style Sheets) 짧게 스타일 시트(CSS)라고 부르는 문서는 HTML로 작성한 구조를 보기좋게 꾸미고 배치하기 위한 것입니다. STYLE태그를 이용해서 HTML문서 안에 포함시킬 수도 있지만 CSS파일을 별개로 두어 스타일을 따로 관리하는 것이 유지관리하기 더 편합니다. 기본 사용법 상자 위와 같은 HTML코드가 있으면, 웹브라우저에서는 다음과 같은 모양으로 보이게 됩니다. 상자 아래와 같이 `box`클래스를 가지는 `div`요소에 스타일을 추가합니다. 별개의 문서로 만들거나 `style`태그를 사용할 수 있습니다. 여기..
티스토리 스킨 만들기 (4) - CSS 개요
End of content
No more pages to load