잉고래의 잇다이어리

브라우저에 따라서 블로그가 깨져 보일 수 있어요. 익스플로러도 버전이 제각각이고 브라우저 종류도 많은 요즘 브라우저에 따라서 블로그가 깨져 보일 수 있다는 것 정도는 알아둬야 하겠습니다. 블로그 깨짐 현상. 왜? 브라우저에 따라서 블로그가 깨져 보일 수 있다는거 몰랐다가 다른 컴퓨터로 접속을 할일이 있어서 봤더니 엉망이더군요. 여러 브라우저에서 접속되는것과 익스플로러 버전에 따라 다양하게 보일 수 있다는 점을 전혀 고려를 안해서 그렇습니다. 역시 스킨 바꾸는거 그리 만만한게 아니군요.그러면 다양한 브라우저에서 블로그가 깨져보이는걸 해결하기 위해서 브라우저 버전별로 다 설치를 해야할까?이런 고민을 해결하는 방법중에 어도비에서 Adobe BrowserLab이란 곳에 가보면 여러 브라우저별로 해당 웹페이지가 ..

폰트 패밀리(Font Family)란 뭘까? CSS, HTML을 보거나 블로그를 운영하다 보면 자주 접하게 되는 폰트 패밀리에 대해 알아보았습니다. 폰트 패밀리(font-family) 폰트 패밀리란 뭘까? 아래 링크 정보에서와 같이HTML과 CSS에서 정의된 일반적인 폰트 패밀리는 산세리프(sans-serif), 세리프(serif), 모노스페이스(monospace), 흘림체(cursive), 판타지(fantasy)의 총 5개 입니다.http://en.wikipedia.org/wiki/Font_family_(HTML) '패밀리' 라는 말에서 의미하듯이 각각의 폰트패밀리는 각자의 특성에 맞는 다수의 폰트들을 포함하고 있습니다. 가령 산세리프는 Verdana, Arial Black, Trebuchet MS 등..

CSS 클래스(Class)는 뭘까? CSS를 배우다 보면 나오는 클래스에 대해 알아봅시다~ 클래스란 뭘까?CSS에서 클래스는 어떨때 사용될까? 다수의 엘리먼트에 스타일을 적용하고자 할때 쓰면 되겠습니다. 가령 특정 문단들을 오렌지톤으로 표시하고자 하는경우랄까? 실제 써보면 이해가 빠를듯 하네요.HTML 엘리먼트에 클래스 지정하는 방법은 다음과 같습니다. (class 속성을 이용한다.)CSS에는 요렇게 쓰거나 (엘리먼트 뒤에 점(.)을 붙이고 그다음에 클래스 이름을 씀으로 인해서 클래스에 있는 좀더 특별한 엘리먼트를 선택할 수 있게됩니다.)div.클래스이름{color: red;}엘리먼트 이름을 빼고 요렇게 써도 됩니다.엘리먼트 이름을 빼고 점(.)만 붙여서 클래스 이름을 쓰면 해당 클래스 내의 모든 멤버에..

HTML link태그 html내에 CSS 파일 연결하여 주는 방법에 대해 알아봅니다. 링크 태그를 사용해서 CSS연결하기 브라우저에게 이 HTML 파일은 특정 CSS 파일과 연결되어 있다고 알려주는 방법은 라는 XHTML 엘리먼트를 사용하면 된다. 사용법은 태그 아래에 다음과 같이 쓰면 된다.링크 엘리먼트는 외부 정보에 연결할 때 사용한다. rel 속성은 아마도 relation의 약자가 아닌가 싶다. 연결되는것과의 관계를 나타낸다.

CSS 선택자(Selector) 복습 CSS의 구문은 스타일을 지정할 대상을 나타내는 선택자와 그렇게 지정된 선택자를 어떤 속성과 값으로 변경할 것인지가 선택자 뒤에 따라옵니다. 즉 선택자, 속성, 값 이렇게 3가지가 되겠네요. Selector, Attribute, Value의 이해 다음은 일반적인 CSS 구문입니다. 이걸로 각 부분들이 무엇을 의미하는지 알아보죠. h1,h2{Background-color:red;}cs H1, H2 : 꾸미고자 하는 HTML 태그 요소(Element)를 말합니다. 위 예제에서는 선택자로서 HTML 태그가 지정된 것이고요. 꼭 HTML태그가 아니더라도 선택자는 ID나 CLASS가 될수도 있습니다. 참고로 선택자가 한 개 이상이라면 선택자 사이에 콤마(,)를 넣어주면 됩니다..

HTML의 Meta 태그와 doctype에 대한 이해 HTML의 메타 태그에 대해 알아보자. meta의 의미 '메타'는 이 페이지에 관한 무엇인가를 브라우저에게 말해 준다는 뜻이다. 보통 브라우저에게 사용할 문자가 무엇인지 나타낼 때 아래와 같은 메타 태그를 적는다. 문자 인코딩 참고 사이트 : http://www.w3.org/international /O-charset.html 메타 태그 이야기가 나왔으니 doctype에 대해서도 간단히 살펴보자. doctype은 브라우저에게 "이봐~ 난 HTML 표준을 따르고 있고 버전은HTML4.01이야 !" 라고 얘기하는 거다. 아래와 같이 쓰면 된다. 신기하게 DOCTYPE 앞에 느낌표( ! )가 있는데 이건 html 엘리먼트가 아니라는 뜻이다.