놓치기 쉬운 정보 저장

이미지 6개 3*2로 정렬하기

느낀점 : 아직 display의 개념이 확실히 잡히지 않아서 여기저기에 display 속성을 넣어보면서 적용 여부를 확인하는 과정이 다소 많아서 시간이 좀 걸렸다.

참고로 background-color 를 줘서 간격이 실제로 벌어지는지 등을 시각화 하면서 하면 더 수월했다.

홈페이지 상단 메뉴바 구현

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

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

  : 빈칸(한칸)

br : 구분선

text-decoration : 글자 효과 제거

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

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