css

javascript:void(0) a태그의 디자인성은 살리면서 링크 기능을 없애는 것 `` HTML요소기능 무효화 `` void연산자가 undefind값을 돌려주고 a태그의 href속성값에 undefind값이 지정되어 아무런 동작을 하지 않는다.void(0)안의 값은 숫자나 영문자등을 사용해도 되지만 일반적으로 0을 사용한다. 일반적으로 사용하는데 ...

none 요소가 렌더링되지 않는다 block `.block1{ width: 300px; border: 3px solid #333 }` div 태그, p 태그, h 태그#, li 태그 등 기본적으로 가로영역을 모두 채우며 block요소 다음에 등장ㅇ하느 태그는 줄바꿈이 된 것처럼 보인다. width,height등을 지정할 수 있다. inline `` ....

float float 속성을 사용하는 경우 float속성을 적용하지 않은 다음태그와 겹치는 문제가 발생할 수 있다. 이는 clear속성을 이용하여 해결할 수 있다. after 가상 선택자 clear하기위해 float요소 다음에 clear태그를 삽입하는 불편함을 방지하기위해 가상 클래스 선택자를 이용하여 문제를 해결할 수 있다. after가상선택자는 ...

[attribute] a태그에 target이라는 속성을 가진 요소를 선택한다. [attribute=”value”] a태그에 target=”_blank”라는 속성을 가진 요소를 선택한다. ※ target이 반드시 _blank인 요소만 잡으니 주의! [attribute~=”value”] apple이라는 class를 가진 요소를 선택한다. ※ 여러개의...

– 가상클래스(Pseudo-Class)는,별도의 class를 지정하지 않아도 지정한 것 처럼요소를 선택할 수 있다. – 가상요소(Pseudo-Element)는, 가상클래스처럼 선택자(selector)에 추가되며,존재하지 않는 요소를 존재하는 것처럼 부여하여 문서의 특정 부분 선택이 가능하다. 예제 |요소|설명| |----|---| |::first-li...

쌓임 맥락(Stacking Contexts) 같은 부모 밑에 있어서 쌓임 순서에 따라 함께 앞뒤로 한꺼번에 움직일 수 있는 요소들의 그룹은 쌓임 맥락(stacking context)으로 알려진 것을 만든다. 쌓임 맥락을 완전히 이해하는 것이 z-index와 쌓임 순서가