IT 세상 해석하기

[CSS] 레이어 관련 속성 By i!kohong(아이코홍) 레이어 관련 속성 속성 설명 left 레이어의 왼쪽 좌표(px, pt, %, auto)를 지정한다. top 레이어의 위쪽 좌표(px, pt, %, auto)를 지정한다. width 레이어의 너비(px, pt, %, auto)를 지정한다. height 레이어의 높이(px, pt, %, auto)를 지정한다. background-color 레이어의 배경색(색상이나 색상코드)을 지정한다. background-image:url("") 레이어의 배경이미지(이미지 파일)를 지정한다. visbility 레이어의 표시 여부(visible이나 hidden)를 지정한다. z-index 레이어를 쌓는 순서(숫자나 auto)를 지정한다. 숫자가 높을수록 위에 표시된..

[CSS] 글꼴, 텍스트, 표 관련 속성 By i!kohong(아이코홍) 글꼴 관련 속성 속성명 설명 예시 font-family 글꼴의 종류를 지정한다. 상속이 되며 모든 태그에 적용이 가능하다. font-family : 굴림체 font-style 글꼴의 스타일을 지정한다. 상속이 되며 모든 태그에 적용이 가능하다. font-style : nomal | italic | oblique font-variant 작은 대문자를 사용한다. 상속이 되며, 모든 태그에 적용이 가능하다. font-variant : nomal | small-caps font-weight 글꼴의 굵기를 지정한다. 상속이 되며, 모든 태그에 적용이 가능하다. font-weight : 100~900 | nomal(400) | bolder |..

[CSS] 홈페이지 글꼴 색과 배경을 원하는데로! 글꼴 색과 배경 관련 속성 By i!kohong(아이코홍) 글꼴 색 속성 속성명 설명 예시 color 글꼴 색을 지정한다. 상속이 되며 모든 태그에 적용이 가능하다. color:red color : #ff0000 color;rgb(255,0,0) 배경 관련 속성 속성명 설명 예시 background-color 배경색을 지정한다. 상속이 안 되며 모든 태그에 적용이 가능하다. background-color : red background-image 배경 이미지를 지정한다. 상속이 안 되며 모든 태그에 적용이 가능하다. background-image : none background-image : url(back.jpg) background-repeat 배경 이..

[HTML] 이미지 내부 영역 지정 By i!kohong(아이코홍) 작성방법 태그 설명 이미지상에서 특정 위치를 지정해주는 태그입니다. 태그로 이미지맵을 생성하며, 태그로 이미지의 위치를 지정해줍니다. 이미지내부의 설정되어있는 위치을 클릭가능하며, 작성된 링크로 이동, 혹은 파일 다운로드를 할 수 있도록 해줍니다. Attribute(속성) 속성 속성값 설명 alt text 영역의 대체 텍스트를 지정. href 속성이 존재하는 경우 필수입니다. coords 이미지 기준 (0,0,0,0) - 왼쪽 상단 shape="rect"일 경우 x1(왼쪽),y1(상단),x2(오른쪽),y2(하단) 모양이 '사각형'일 경우 '좌,상,우,하' 를 설정합니다. shape="circle"일 경우 x,y,반지름 모양이 '원형'일 ..