DHTML/CSS/META 썸네일형 리스트형 CSS UL li와 li사이 여백 공간 생기는 부분 처리방법 .aaa img vertical-align:top; display:block; float:left; class명에 이미지가 들어간경우 대부분 이미지여백이 생기는 현상이있다. 저럴때 저줄 한줄이면 끝난다~ ㅋㅋ 더보기 CSS / Text-Decoration 속성은 요소의 글자에 밑줄(underline)이나 윗줄(overline), 취소선(line-through) 등의 꾸밈을 지정 또한, 취소선(line-through)은 del 태그를 사용하는 게 바람직합니다 줄을 그어 꾸미는 효과는 글자를 읽기 어렵게 할 수 있습니다. 영어와 달리, 한글은 글자가 밑줄과 윗줄과 겹칠 수 있기 때문입니다. "잘"이라는 글자를 예를 들면, 자음 "ㅈ"과 윗줄(overline)이 겹치고, 받침글자 "ㄹ"과 밑줄이 겹칩니다. 값 : none | [ underline || overline || line-through || blink ] | inherit 기본값 : none; 적용대상 : 모든요소 상속 : 안됨 none 글자의 꾸임을 지정하지 않는다. 기본 형태로 출력됨. under.. 더보기 bottom 여백 생기는 부분 IE 6 .customer_tel img { display:block; } class에 붙은 img 에다가 블록을 걸어준다 li도 마찬가지 ~ .zzz li img {display:block;} 생기던 여백 없어진다. 더보기 CSS li 여백생김현상 IE6 익스6에서 발생 고치기~!! line-height:1px; font-size:1px; 1 2 3 마지막 li는 공백이고, css에서 border-top:1px solid #eee; 라고 줬다 맨마지막은 라인하나만 주려했다. 근데 자꾸만 IE6에서 자꾸만~~ 이게 공백을 잡아먹고있다. 글자가 있는것처럼 말이다 그부분은 요렇게 아래글을 다 적을시 없어진다~ line-height:1px; font-size:1px; class명에 css를 저렇게준다~ 그럼 간격이 좁혀있다 ~+_+ 더보기 vertical-align: middle; vertical-align 속성 적용 가능한 예 .div A { display:table } .div B { display:table-cell; vertical-align:middle } div A의 속성을 display: table 처리하고 않에 있는 div B 속성을 display:table-cell 로 지정하면 vertical-align 이 적용된다. 더보기 H1 타이틀 제목 태그 css 사용사례 실질적인 소스 파일: index.html 파일: 검색엔진 최적화 styles.css 파일: h1 { width: 148px; height: 36px; background: url(http://www.bmlee.com/seo/images/logo.gif) no-repeat top; text-indent: -99999px; } h1 a { display: block; width: 148px; height: 36px; } 대충 아시겠지만, 굳이 설명을 드리자면, 현재 CSS 파일에는 h1 태그에 대한 속성만 있습니다. h1의 속성에는 백그라운드에 로고 이미지를 깔아주었고, 이미지의 가로와 세로값을 넣어두었습니다. 중요한 부분은 text-indent 인데 이부분이 h1 태그에 들어가는 텍스트를 99999px 만.. 더보기 border style 보더 css 1. 즉, 처음에 어느부분에 보더를 쓸건지 생각하고 border: ←요케 씁니다. 2. 그다음은 px로 얼만큼 두께를 쓸건지 지정해요. 3. 그리고 다음엔 보더를 어떤 형식으로 어떤 스타일로 쓸건지 정합니다. 종류는 아래와 같습니다. ① none : 보더가 없다는 뜻으로 전체에 보더 적용하고 특정부분만 빼고싶을 경우 자주 쓰는 방식입니다. ② hidden : 말 그대로 보더를 숨깁니다. 위의 없는 것과 숨기는 것은 비슷해 보이지만 차이가 있습니다. ③ dotted : 말 그대로 땡땡이 쪼만한 동글뱅이들이 보더 주변을 점으로 메꿔줍니다. ④ dashed : solid 다음으로 가장 많으 쓰는 것이라 봅니다. 이는 점선으로 세련되게 표현해줍니다. 전 이아이를 굉장히 자주 활용해요. ⑤ solid : 말 그대.. 더보기 수평선 , 점선 , 대쉬 선, 그림자효과 선 기본색상 얇은 수평선 색상지정된 얇은 수평선 색상지정된 대쉬 선 색상을 지정한 점선 그림자 효과를 주는 선 더보기 이전 1 2 3 4 5 ··· 8 다음