CSS (3) 썸네일형 리스트형 03. Hover, Width, Position, Z_Index, Opacity, Sprite 1. Hover Hover 는 Hand Over 의 약자이다. 마우스가 특정 요소 위로 올라갔을 때 스타일을 적용 할 수 있다. a 태그의 경우 추가적인 기능으로 스타일을 부여 할 수 있다. a:link 링크가 걸려 있는 상태 a:active 클릭을 했을 경우 a:visitied 이미 방문한 페이지 DAUM GOOGLE NAVER NATE 2. Width min-width 와 max-width 는 유동적으로 넓이가 지정된다. min-width:800px max-width:800px width:800px 3. Position Position 속성을 이용해 특정 영역(div)을 자유롭게 배치 할 수 있다. static relative 의 기준이 되는 속성(잘 사용 하지 않음) relative 다른 요소와 연.. 02. Space, BgColor, BgImage, Display 1. Space 이름 나이 홍길동 70 이순신 100 김길동 38 2. Background - color background-color 특정 색상을 지정한 태그의 배경에 채운다. background-image 특정 이미지를 지정한 태그의 배경에 채운다. welcome to css page!! css background image color picker 3. Background - image background-repeat 이미지를 반복한다. background-position 이미지의 위치를 지정한다. background-size 이미지의 크기를 지정한다. image chrome icon 4. Display none 해당 요소를 보이지 않게 한다. block 해당 요소를 block 속성으로 보이게 한다... 01. Tags, Emoji, Selector, Border 1. Tags 특정 영역을 지정하여 스타일을 줄 경우 사용 특정 문자열을 지정하여 스타일을 줄 경우 사용 요약 / 상세보기 메뉴를 만들 때 사용 알림 팝업 같은 효과를 주고 싶을 때 사용 DIV 는 특정 영역에 스타일을 주고 싶을 경우 사용한다. span 은 특정 문장에 스타일을 주고 싶을 경우 사용한다. details & summary summary 태그의 내용을 우선 보여주고 자세한 내용은 사용자를 통해 확인할 수 있도록 해준다. open 속성이 있을 때와 없을 때를 비교해보자. 2. Emoji emoji 는 문자로써 이미지를 표현 할 수 있는 기능이다. 사용법은 10진수 코드와 16진수 코드가 있다. 그림문자 자체를 복사해서 붙여 넣어도 된다. ⌚ 😎 3. Selector #myid 아이디 myid.. 이전 1 다음
