화분

block-level elements -body, main, header, ul, ol, li, p 등등.. -element들이 수직으로 나열된다. -부모 element의 너비를 차지한다. inline elements -padding과 margin은 수평으로 작용한다. -줄바꿈 기능이 단어 앞뒤로 존재하지 않는다. -css에선 'display: inline'으로 사용 가능하다. inline-block boxes -외관상 inline style 같지만 내부적으론 bock-level과 같다. -줄바꿈이 없다. -컨텐츠의 공간만큼만 차지한다.(이상 inline과 흡사) -마진이나 패딩이 block-level과 같이 적용된다.

anchor()의 pseudo 클래스의 대표적인 4가지는 다음과 같다. link, visited, hover, active LVHA 라고 외워도 좋다. link는 a 태그에 href 속성이 지정된 상태일 때를 가리킨다. visited는 방문한 이후, 즉 한번 클릭한 이후의 속성을 나타낼 때 쓰인다. hover는 마우스 포인터가 hyperlink 위에 올려져 있을때 속성을 지정하기 위해 쓰인다. 마지막으로 active는 클릭한 순간의 속성을 나타낼 때 쓰인다.

모든 child element들이 같을때 pseudo class가 우리가 생각하는 직관적인 방식으로 작동한다. parent element 밑에 여러 겹의 child element 들이 있을땐 pseudo class가 조금 더 복잡하게 작동한다. 예를 들면 ... [in style.css] article p:first-child{ font-weight : bold; } 이럴 경우 paragraph의 폰트 굵기가 굵어지는 효과가 발생할거라고 기대하지만 실제로는 그렇지 않다. 왜냐하면 article의 first-child는 paragraph가 아닌 header이기 때문이다. [in style.css] article first-child{ font-weight : bold; } 하지만 위와 같은 경우에는 par..