분류 전체보기 (54) 썸네일형 리스트형 1.6 [CSS] CSS 속성 2 _ 폰트, 텍스트 1) typography •em: 폰트의 전체 높이 •ex ( = x-height ): 해당 폰트의 영문 소문자 x의 높이 •Baseline: 소문자 x를 기준으로 하단의 라인 •Descender: 소문자에서 baseline 아래로 쳐지는 영역 •Ascender: 소문자 x의 상단 라인 위로 넘어가는 영역 2) font-family : 글꼴을 지정하는 속성. font-famaily: family-name | generic-family ( | initial | inherit ); ex) font-family: Helvetica, Dotum, '돋움', Apple SD Gothic Neo, sans-serif; [속성값] : family-name, generic-name ↳ family-name: 사용할 폰.. 1.5 [CSS] CSS속성 1 _ 단위, 배경, 박스모델 1) 정의와 모델 – css 속성 reference 사용법 [css 속성 reference 사이트] https://www.w3schools.com/ https://developer.mozilla.org/ko/ [CSS Reference를 통해 확인 가능한 사항] ① 정의 – 기본값 / 상속 가능 여부 / 애니메이션 가능 여부 / 사용 가능한 버전 * css 버전에 따라 브라우저 지원율이 달라지기 때문에 프로젝트 시에 브라우저 지원 범위를 반드시 확인 해야 한다. ② 문법(syntax) : 해당 속성에 선언 가능한 속성값들. ↳ initial : 속성의 기본값으로 초기화 *인터넷 익스플로러에서는 지원하지 않음. inherit : 부모 요소의 해당 속성의 값을 상속 *상속 가능한 속성만 적용 가능 ③ 속성값.. 1.4 [CSS] CSS 이해하기 CSS Selector Reference - https://www.w3schools.com/cssref/css_selectors.asp CSS Selectors Reference W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more. www.w3schools.com 1) CSS 문법 선택자(selector) : 어느 요소를 꾸밀 것인가 * 그룹화 가능 선언(declaration) : 속성(property): 값.. 1.3 [HTML] 콘텐츠모델, 시멘틱마크업, 블록 & 인라인 1) 콘텐츠 모델 ① Matadata ② flow ③ sectioning ④ heading ⑤ phrasing ⑥ embedded ⑦ interactive 2) 시멘틱 마크업 시멘틱 : 기계(컴퓨터, 브라우저)가 잘 이해할 수 있도록 하는 것. vs vs vs vs + [참고 사이트] https://developer.mozilla.org/ko/docs/Glossary/Semantics 블록 레벨 / 인라인 레벨 * 인라인 레벨 요소는 블록 레벨 요소를 감쌀 수 없다. (예외 – anchor 요소) 1.2 [HTML] 태그 0) HTML 태그 레퍼런스 https://developer.mozilla.org/en-US/docs/Web/HTML/Element HTML elements reference - HTML: HyperText Markup Language | MDN This page lists all the HTML elements, which are created using tags. developer.mozilla.org 1) 제목과 단락 요소 제목(Heading) ~ 문서 내에 제목을 표현한다. * 태그 이름 : h1~h6 - 숫자가 올라갈수록 더 낮은 수준의 소제목을 나타낸다. (글자 크기 작아짐) 단락 요소 - 단락(Paragraph) / 개행(Linebreak) 글의 단락을 나타낸다. 글의 줄바꿈을 생성한다. 2.. 1.1 [HTML] HTML 이해하기 - HTML 개념 / 기초 문법 / 기본 구조 1) HTML이란? 더보기 HTML : Hyper Text Markup Language - 웹 페이지를 만드는 언어 ↳ Hyper Text = 링크 ↳ Markup Language : 프로그래밍 언어의 한 종류. 정보를 구조적으로 표현 가능한 언어 파일 확장자 : html 2) HTML 문법 (1) 태그 - 태그 / 시작 태그 / 종료 태그 / 내용 / 요소 태그(Tag) : 작성 코드를 인식하기 위한 꼬리표 - 브라우저가 태그를 인식하여 내용을 표현한다. 부등호 기호 () 이용 두 개가 한 쌍으로 선언 - 시작태그(여는태그)와 종료태그(닫는태그)로 구성된다. 태그 내부에 내용(Content)을 작성 - 실제 화면에 출력되는 부분 요소(Element) : 태그와 내용 모두를 포함하여 부르는 개념 - 작성.. 이전 1 ··· 4 5 6 7 다음
