'CSS'에 해당되는 글 3건

  1. 2008.02.21 @charset 규칙 (2)
  2. 2007.11.12 text-transform Property
  3. 2007.10.09 div 상하좌우 정렬
Web/CSS2008.02.21 16:46
@charset 규칙
  • 외부 스타일시트의 가장 최초 (@import규칙이나 코멘트보다 앞에)에 기술한다.
  • 한 개의 외부 스타일시트에 복수의 @charset를 지정하면 안 된다.
  • style 요소로 XHTML문서에 삽입된 타입의 스타일시트에는 @charset규칙은 지정할 수 없다. (즉 외부 스타일시트에만 지정할 수 있다.

잘못된 경우

more..


올바른 경우

more..


가끔 생각없이 잘못된 경우처럼 하는 경우가 있는다.
그럴경우 다른 브라우저들은 그냥 별 이상이 없지만 safari의 경우 @import시킨 css파일이 적용되지 않는다.



신고
크리에이티브 커먼즈 라이선스
Creative Commons License

'Web > CSS' 카테고리의 다른 글

@charset 규칙  (2) 2008.02.21
text-transform Property  (0) 2007.11.12
Posted by bitty
Web/CSS2007.11.12 17:05
css에 이런 속성이 있는지 몰랐는뎅 영문사이트 할때 유용할 듯~


text-transform : capitalize (단어의 첫 글자를 대문자로)
text-transform : uppercase
(글자 전체를 대문자로)

text-transform : lowercase
(글자 전체를 소문자로)


위의 속성 사용시 유의하실 점은 한글에서는 적용되지 않는다는 점~


신고
크리에이티브 커먼즈 라이선스
Creative Commons License

'Web > CSS' 카테고리의 다른 글

@charset 규칙  (2) 2008.02.21
text-transform Property  (0) 2007.11.12
Posted by bitty
Web/HTML/CSS2007.10.09 14:02

div box 상하좌우정렬시키는 css~

<div style="position:absolute; width:985px; height:585px;top:50%; left:50%; margin-left:-492px; margin-top:-292px; padding:0; border:1px solid #e0e0e1"></div>


보시면 원리는 간단하다.
top:50%, left:50%로 위치를 잡으신후 position을 absoulte로 해주신 후~
margin-top과 margin-left를 잡으신 size의 반값으로 (-)시켜주시면된당

이때 나의 실수!! 'margin:0 0 0 0'요런 형식으로 썼었다는 것~!!
저렇게 쓰시면 (-)값을 아무리 잘 주셔도 IE6에서는 적용이 안됀다.
각각 margin-top, margin-left라고 명확히 써주셔야 IE6에서 적용이 된다는.. ;ㅂ;

생각보다 간단한데 참... 몰르면 손발이 고생이라는 말을 요즘 참 많이 동감한다.
;ㅂ; 정말 난 아는게 뭐란 말인가!!!


신고
크리에이티브 커먼즈 라이선스
Creative Commons License
Posted by bitty

티스토리 툴바