공부하는 히욤이

1) 속성- typography 타이포그래피의 구조 em : 폰트의 전체 높이 ex ( = x-height) : 해당 폰트의 영문 소문자 x의 높이를 의미 Baseline : 소문자 x를 기준으로 하단의 라인을 의미 Descender : 소문자에서 baseline 아래로 처지는 영역을 의미 Ascender : 소문자 x의 상단 라인 위로 넘어가는 영역을 의미 2) 속성 - font-family font-family 속성 글꼴을 지정하는 속성 family-name : 사용할 폰트의 이름으로 ','로 구분하여 여러개 선언 할수 있음, 먼저 선언된 순서대로 우선순위가 결정 됨 generic-family : family-name으로 지정된 글꼴을 사용할 수 없는 경우를 대비해 브라우저가 대체할 수 있는 폰트가 ..

1) 속성- 정의와 구문 정의 - 해당 속성이 어떤 변화를 일으키고 어떻게 동작하는지 파악할 수 있음 기본 값 상속 여부 애니메이션 가능 여부 사용 가능한 CSS 버전 문법 - 해당 속성값을 어떤 식으로 나열하여 사용하는지를 파악 할 수 있음 속성 값 - 해당 속성이 인식하여 적용 할 수 있는 값의 형태나, 키워드 등을 파악할 수 있음 initial : 초기값, 즉 속성의 기본값으로 정의 inherit : 부모 요소의 해당 속성 값을 적용 ( 상속 가능한 요소일 경우 ) 지원 범위 - 해당 속성이 정의에 맞게 동작 가능한 CSS 버전, 브라우저별 버전을 확인 할 수 있음 어떤 브라우저의 어떤 버전이냐에 따라 같은 값이어도 다르게 렌더링 될 수 있음 예제 - 문법과 속성값을 바탕으로 실제로 속성을 동작하는..

1) CSS 소개 CSS - Cascading Style Sheets 2) CSS 문법과 적용 CSS 문법 선택자(selector) 속성 (property) 값 (value) 선언 (declaration) 선언부 (declaration block) 규칙 (rule set) CSS 구문 h1 { color: yellow; font-size:2em; } 선택자(selector) - h1 속성 (property) - color 값 (value) - yellow 선언 (declaration) - color:yellow, font-size: 2em 선언부 (declaration block) - { color:yellow; font-size:2em; } 규칙 (rule set) - h1 { color : yello..

1) 콘텐츠 모델 Content Models Metadata Flow Sectioning Heading Phrasing Embedded Interacitve Metadata 콘텐츠의 styleI(표현), script(동작)을 설정하거나 다른 문서와의 관계 등의 정보를 포함하는 요소 base, link, meta, noscript, script, style, title Flow 문서에 사용되는 대부분의 요소 문서 내에 자연스러운 흐름에 의해 배치되는 요소들 a, abbr, address, map>area, article, aside, audio, b, bdo, blockquote, br, button, canvas, cite, code, datalist, del, details, dfn, div, dl, ..

1) HTML 태그 소개 2) 제목과 단락 요소 제목(Heading) 문서내에 제목을 표현할 때 사용 ~ 숫자가 낮을수록 큰 제목, 높을수록 작은 제목 1 Hello cs 단락 태그 Paragraph를 줄여서 p로 씀 개행 를 사용해서 닫ㄴ락으로 구분하여 자연스럽게 개행이 됨 내부에서 임의로 개행 하고 싶은 경우 을 사용 3) 텍스트를 꾸며주는 요소 텍스트 관련 태그들(B, I, U, S) 태그 특징 글자를 굵게 표현 글자를 기울여서 표현 특정이유(기술적인 용어, 외국어 문구 등)로 다른 글자와 구분하기 위해 사용 글자의 밑줄을 표현 글자의 중간선을 표현 4) 앵커 요소 앵커(ANCHOR) 다른 문서로 이동할 수 있는 링크 생성 href : 링크의 목적지가 되는 URL을 지정 target : 링크된 리소..