놓치기 쉬운 정보 저장

홈페이지 상단 메뉴바 구현

느낀점 : 첫 실습 예제라 순간 벙 쪘음. 엇.. 어떻게 해야하지라고 생각만 하다가 2분정도 보낸 듯하다. 쉽게 생각하자라는 생각으로 우선 예제의 글들을 복사하고 태그(얼리먼트)를 주고, 글자위치, 크기 등 하나하나 해결해가면서 하니 다행히 어렵지 않았다.

작성하는 방법이 다양하게 있어서 어떻게 쓰는게 가장 깨끗한 코드작성법인지를 고민하면서 계속 발전시켜봐야겠다.

  : 빈칸(한칸)

br : 구분선

text-decoration : 글자 효과 제거

emmpt 문법 : 강력한 자동완성 기능 등으로 HTML 작성 속도를 크게 향상시켜주는 플러그인

hover CSS 의사 클래스는 사용자가 포인팅 장치를 사용해 상호작용 중인 요소를 선택합니다. 보통 사용자의 커서(마우스 포인터)가 요소 위에 올라가 있으면 선택됩니다.

div {
  text-align:left;              /* 절대로 자신을 정렬하는게 아니라. */
}

section {
  text-align:center;        /* 자신이 가지고 있는 텍!스!트!를 정렬한다. */
}

nav {
  text-align:right;            /* 글자가 아닌 엘리먼트도 정렬할 수 있을까? */ display:inline-block 하면 엘리먼트가 `텍스트 화` 된다. */
}