개발 알다가도 모르겠네요

CSS란? Cascading Style Sheet Author style User style Browser 폭포수처럼 author(개발자) ->user(사용자) ->brower(브라우저 디폴트) 순으로 흘러 내립니다. Selector 종류 class selector : . id selector : # universal: * type: tag state: : attribute: [] *id는 한개, class는 여러개 존재 자식 셀렉터 부모 자식 관계인 두 셀렉터를 '>' 기호로 조합. ex) div > strong {color: dodgerblue; } 의 직계 자식인 에만 적용. 자손 셀렉터 자손 관계인 2개 이상의 태그 나열 ex) ul strong {color: dodgerblue; } 의 자손 에..

HyperText Markup Language 웹 페이지를 기술하기 위한 markup 언어 웹 페이지의 내용(content)과 구조(structure)를 담당하는 언어 html tag를 통해 정보를 구조화 요소는 중첩 가능 빈 요소: content가 없는 요소 (br, hr, img, input, link, meta, …) BOX or ITEM main - section - article (반복되는 것들을 묶어주는 구조) 속성 (attribute) 요소의 성질, 특징을 정의 이름 = 값 주석: 시맨틱 태그 브라우저, 검색엔진, 개발자 모두에게 콘텐츠의 의미를 명확히 설명 시맨틱 웹 웹 페이지들에 메타데이터(데이터를 설명)를 부여하여 웹 페이지를 ‘의미’와 ‘관련성’을 가지는 거대한 database로 구축..

https://flukeout.github.io/ CSS Diner A fun game to help you learn and practice CSS selectors. flukeout.github.io CSS를 처음 접한다면, 부담스럽지 않고 쉽게 접근해 기본적인 문법을 배울 수 있습니다. Level 1 : plate Level 2 : bento Level 3 : #fancy Level 4 : plate apple Level 5 : #fancy pickle Level 6 : .small Level 7 : orange.small Level 8 : bento orange.small Level 9 : plate, bento Level 10 : * Level 11 : plate * Level 12 : plat..