반응형
CSS로 모든 태그마다 스타일을 적용하게 되면 소스도 깔끔해지고
그럴 때는 간단하게 써주면 되는 태그!
요 간단한 방법을 통해서 CSS에 새로운 스타일을 정해줄 수 있어용.
하나의 사용 예를 들어봅시당. 만약 CSS에~
body td {text-align:center; height:6px; bgcolor:#ffffff;}
이렇게 준다고 했을때, body 내의 td에 이 스타일이 모두 적용되겠지용!
그런데 갑자기 하나의 td에만 left 또는 right 정렬이 하고 싶어지면 전체 CSS를 바꿀 순 없으므로~~
적용하고자 하는 td에만!
<td style="text-align:left; height:20px; width:60px;"> blah~ blah~ blah~ </td>
이렇게 적용해주면 특정 태그에만 스타일을 적용할 수가 있습니다.
매우 간단한 건데 생각이 잘 안나더라구요 ㅎㅎ
이 글 보고 도움 되시는 분들이 있으시길!
훨씬 보기 좋은 모습이 되는 것은 맞지만, 어쩌다보면 CSS에 적용된 스타일이 아닌
다른 스타일을 적용해야 될 태그가 하나쯤은 나오기 마련이지용.
그럴 때는 간단하게 써주면 되는 태그!
style!
요 간단한 방법을 통해서 CSS에 새로운 스타일을 정해줄 수 있어용.
하나의 사용 예를 들어봅시당. 만약 CSS에~
body td {text-align:center; height:6px; bgcolor:#ffffff;}
이렇게 준다고 했을때, body 내의 td에 이 스타일이 모두 적용되겠지용!
그런데 갑자기 하나의 td에만 left 또는 right 정렬이 하고 싶어지면 전체 CSS를 바꿀 순 없으므로~~
적용하고자 하는 td에만!
<td style="text-align:left; height:20px; width:60px;"> blah~ blah~ blah~ </td>
이렇게 적용해주면 특정 태그에만 스타일을 적용할 수가 있습니다.
매우 간단한 건데 생각이 잘 안나더라구요 ㅎㅎ
이 글 보고 도움 되시는 분들이 있으시길!
2011.01 오혜영에게 저작권이 있습니당.
반응형