Living a Better Life

경제적 자유를 위해 도전하고 시도합니다.

반응형

textoverflow 2

오디세이 스킨 블로그 이름 CSS 분석

티스토리는 스킨마다 CSS 용어가 조금씩 다릅니다. 저는 오디세이 스킨을 사용중이고 오늘은 홈 화면에 노출되는 타이틀 헤더(블로그 이름) 부분의 CSS 에 대해 알아봅니다. 오디세이 스킨 타이틀 구성 먼저 CSS 용어를 알기 전에, 오디세이 스킨 편집에 들어가면 나오는 홈 화면 구성부터 소개해드릴게요. 1. 타이틀 헤더: 블로그 이름이 들어가는 곳입니다. 블로그 설정에서 블로그 이름을 넣어도 되고, 스킨 편집에서 타리틀 페더 로고 부분에 이미지로 해당 부분을 꾸밀 수도 있습니다. 2. 슬로건: 개인적으로 오디세이 스킨에서 가장 좋아하는 구성 요소입니다. 오디세이 스킨에만 있는 부분이지요. 구글 애드센스나 수익형 블로그 운영에 필요없는 요소같지만, 제가 운영하는 블로그의 정체성을 표현하기 좋아서 저는 홈화..

CSS| white-space, overflow 속성 예시

글자가 정해진 영역을 벗어나면 어떻게 표현될지 CSS에서 설정할 수 있습니다. 오디세이 스킨 블로그이름 CSS를 예로 들어 text-overflow, white-space, overflow 속성을 알아봅니다. 참고: 이해하기 쉽도록 오디세이 스킨 블로그 이름이 들어가는 영역의 max-width를 빨간 선으로 표시했습니다. text-overflow 속성 1) text-overflow: ellipsis; text-overflow는 글자가 넘쳤을 때, 넘친 글자를 어떻게 표현하냐는 속성입니다. text-overflow: ellipsis; 는 박스 밖 텍스트가 점 3개로 표현됩니다. 오디세이 스킨에서 블로그 이름은 넘치면 점 3개로 나오게 CSS가 아래처럼 기본 세팅되어있습니다. .header .link_log..