본문 바로가기

CSS 에서 이미지 링크 하기 가령 CSS 속성중에 하나인 배경 이미지를 사용해서 배경 이미지에 사용할 파일을 로딩하려 할 경우 아래와같이 url()을 이용해 설정 하면 된다. background-image: url(images/background.gif); 더보기
엘리먼트들의 구조 1) 콘텐츠 영역이란?텍스트나 이미지와 같은 콘텐츠를 가지며, 그것을 포함할 정도로 충분한 크기의 박스 내부에 위치한다.콘텐츠 영역은 주위에 빈 공간을 가지고 있지 않다는 점을 주목한다.콘텐츠 영역을 선으로 그어 표시한다면 아래와 같은 이미지가 될 것이다. 2) 패딩이란 무엇인가? ( 내부 공간 )콘텐츠 영역은 주위에 패딩이라는 층을 가질 수 있다.패딩은 선택적인 것이므로, 꼭 필요한 것은 아니지만 콘텐츠와 박스 사이에 시각적인 여백을 주기 위해 사용할 수 있다. 패딩은 투명하며 자신만의 색을 가지지 않는다. 패딩은 위, 아래 , 왼쪽, 오른쪽 각각 제어가 가능하다. 3) 테두리 ( border ) 는 무엇인가? ( 내부 공간 외부 공간 구분선 )패딩 주위에는 선택 가능한 테두리(Border)를 가질 수.. 더보기
스타일시트 불러오기 link 키워드 1. 외부 스타일 시트 파일을 html 파일에 로드하기 위해서는 아래와 같은 link 태그를 이용한다. 2. 브라우져는 link를 이용해서 외부의 스타일 시트를 찾는데, 각각의 해석은 아래와 같다. 의 설명 -> text/css 형식의 stylesheet file을 찾아서 화면에 적용한다. 의 설명-> text/css 형식의 stylesheet file을 찾아서 프린트(인쇄)에 적용한다. - 추가 -screen : 컴퓨터 모니터print : 프린트 ( 인쇄 )handheld : 모바일 장치와 휴대전화 더보기