1_FONT 속성 (1) 서체(font-family) See the Pen aeVoYV by ++EXP (@pp_exp) on CodePen. FONT 속성은 서체와 관련된 속성으로, 종류, 스타일, 작성 형태, 크기, 굵기 등을 지정할 수 있다. 국가별로 분류되는 방식과 시스템 내에서 읽히는 방식의 문제 때문에 다수의 폰트를 지정한다. (만약 앞서 폰트가 없다면, 뒤의 폰트로 읽는다.) 한글 폰트는 한글-영문의 순서로 입력하며, 한글 혹은 공백이 포함된 경우, 따옴표로 묶어준다. 영문 폰트는 폰트 종류를 입력하고 공백이 포함된 경우 쌍따옴표로 묶어준다. 또한 영문 폰트는 여기에 서체의 종류(generic-family)를 지정할 수 있고, 종류는 다음과 같다. font-family 사전 설정 값 설명 s..
1. 기본적인 선택자의 종류 - 전체 선택자 (*) 선택자 설명 * '*'는 존재하는 전체 요소에 사용하는 선택자로, 전체 요소에 적용시키는 만큼, 선택자들 중에 그 무엇보다도 우선하지 않는다. - 후손 선택자 ( ) 와 자식 선택자 (>) 선택자 설명 ul li ul의 후손인 li 요소를 모두 선택한다. (띄어쓰기 공백으로 구분한다.) ul>li ul의 자식인 li만 선택한다. = 자식 아래의 자손은 선택하지 않는다. - 형제 선택자 (+ ~) 선택자 설명 H1 + P 인접 형제 선택자 : h1의 바로 뒤에 있는 P요소를 선택한다. (즉, H1이후에 P요소가 아닌 SPAN요소가 있을 때는 선택하지 않는다.) H1 ~ P 일반 형제 선택자 : h1의 바로 뒤부터 이하의 모든 P요소를 선택한다. ( H1 ..
본문 텍스트에 다양한 강조 표기를 통해 여러 형식의 텍스트를 입력할 수 있다. 여러 방식으로 텍스트를 강조할 수 있다. 다만 출력만을 위해서가 아니라, 형식에 따른 의미까지 포함된다. 1. 강조 표기 EM & STORNG (주관적&객관적 강조) See the Pen dxVxJN by ++EXP (@pp_exp) on CodePen. 기존 요소와 요소와를 대신하여 과 을 사용한다. 은굵게 표시되어 강조되고, 은 기울어진 채로 강조된다. 그러나 이 두 요소는 의미마저도 포함하여 강조한다. 은 가장 객관적인 사실로서 강조를, 은 주관적인 감상으로서의 강조를 의미한다. 2. 인용 표기 BLOCKQUOTE, Q, CITE (인용 표기영역, 인용 줄, 인용 출처) See the Pen MNENQd by ++EXP ..
[1] HTML의 소개 "HTML은 웹 페이지를 위한 지배적인 마크업 언어이다." HTML는 HyperText Markup Language의 약자로, '텍스트(text)'간에 뛰어 넘을 수 있는(Hyper) 마크업 언어라는 뜻이다. 우리는 본딧말에서 하이퍼텍스트(HyperText)와 마크업 언어(MarkUp Language)라는 핵심적인 두 가지 특성을 찾을 수 있다. 특징 1. 하이퍼텍스트 (HyperText) "참조를 통해 독자가 한 문서에서 다른 문서로 즉시 접근할 수 있는 텍스트를 말한다. (중략) 접두사 'hyper-'는 '건너편의, 초월하는, 과도한'이란 의미와 'text', 즉, '글' 이란 의미와 합성하여 만든 컴퓨터 및 인터넷 관련 용어이다." 일반적으로 하이퍼텍스트는 우리가 아는, '링..
