코딩일지
-
CSS : 그리드 미리보기Let's Code/HTML・CSS 2019. 8. 19. 21:58
참조: 그리드 - 생활코딩 이번 강의의 결과물 이번 강의를 통해 알게 된 것 div의 존재 HTML/CSS에는 위계질서가 중요하다! 1. div 태그 태그는 '태그를 위한 태그'로서, 그 자체로는 아무 의미를 가지지 않는다. 여러 태그들을 하나의 클래스 또는 아이디로 감싸고 싶을 때, 또는 그러한 묶음을 하나의 요소로 지정하고 싶을 때 '포장지' 같은 개념으로 사용한다. 이 때, block level의 경우 , in-line의 경우 을 흔히 쓴다고 한다. 2. 코드 간 계층 물론 이 때의 위계질서란 직급이 아니라, 어떤 코드가 '선행'하는지, 또는 어떤 코드를 '포함'하는지의 여부이다. 메뉴 강연 읽을거리 충전 강연 제가 들은 강연을 정리해놓았습니다. 커리어연세에서 열리는 강의, CP Team에서 열어준..
-
CSS : 개념과 특징, 박스 모델Let's Code/HTML・CSS 2019. 8. 17. 13:54
출처: 생활 코딩의 WEB 2 강좌. CSS의 개념 HTML 태그를 디자인적으로 보완하기 위해 개발되었다. HTML 태그의 디자인을 일일이 수정할 필요 없이, 클래스로 묶어 대량 수정이 가능하다는 점에서 편리하다. 이를 위해서는 CSS 내에서 selector 지정이 필요하다. Selector는 디자인을 수정할 단위이며, 같은 효과를 적용할 태그의 묶음이다. ex. h1 (헤더), a (링크), a:visited (방문한 링크), ol (자동정렬된 리스트), 또는 앞에 #를 붙여 사용자가 별도 지정한 class나 id에 효과를 일괄 적용할 수 있다. a:link { color: darkgray; text-decoration: none; } a:visited { color: #32a1ce; } a:hover..