믹스커피

현재 제가 사용하고 있는 티스토리 스킨명은 Odyssey입니다. 감사하게도 이 분이 블로그에 적어주신 단 몇 줄의 소스코드로 손쉽게 사이드바를 오른쪽에서 왼쪽으로 이동할 수 있었습니다. https://alikong.tistory.com/62 Odyssey 오디세이 스킨 - 사이드 바 위치변경 새로나온 오디세이 스킨을 2단으로 사용할 경우, 사이드 바는 우측에 나오는게 기본입니다. 그런데 이게 굳이 왼쪽에 나오길 원하신다면... html 편집으로 전체를 내부 최상단으로 이동하고 margin alikong.tistory.com 이동하고 보니 썸네일 크기가 무척 커 보이더라고요. 그래서 썸네일을 줄이고, 텍스트 공간의 좌우 여백을 넓혀서 조금 더 넓은 화면으로 보고 싶어졌습니다. 조금만 더 넓었으면 좋겠습니다..

목록을 구분 짓고 꾸미는 방법에는 list-style-type과 list-style-image이 있어요. list-style-image는 말 그대로 이미지를 이용해서 목록 앞에 나타내는 것이고, list-style-type은 속성을 이용해서 나타내는 것이예요. 훨씬 예쁘게 꾸미는것이 목적이라면 list-style-image를 사용하는게 더 좋겠어요. list-style-type은 여러가지 속성이 있어요. 두루두루 유용하게 쓰입니다. 문서를 쓰다보면 1, 2, 3... 또는 a, b, c...등으로 순서를 열거해야 할 일이 있는데, 그때 list-style-type을 사용해주시면 돼요. 번호부터 알파벳 소문자/대문자, 로마자 소문자/대문자 등 다양한 속성으로 li를 꾸밀 수 있어요. list-style-t..

자주 사용하는 li 태그. 여러분은 혹시 메뉴, 목록 등에 br 이나 div, p 등을 응용해서 쓰면 될 걸, 왜 굳이 li를 써야 하는지 의문이 들 때가 있지 않았나요? 저는 들었습니다만... 하지만 다 이유가 있어서 쓰라고 하는 것이니 말을 잘 듣겠습니다. 그럼 li 태그를 쓰는 이유를 함께 알아볼까요? 아래의 목록을 봐주세요. abc 123 가나다라마바사아자차 위 목록처럼 나오려면 글 쓰고 엔터 치고, 글 쓰고 또 엔터 이런식으로 줄 바꿈이 되어야겠습니다. br, div, p 이 3가지 태그를 사용해서 만들어 보겠습니다. - br - abc 123 가나다라마바사아자차 - div - abc 123 가나다라마바사아자차 - p - abc 123 가나다라마바사아자차 결과물 abc 123 가나다라마바사아자차..