text 2

[CSS3] Typography

🖋CSS사용 시 Typo에 해당되는 속성을 알아보겠다. 디자이너들이 설정한 부분을 setting 할 때, 사용되는 속성들을 다뤄본다. 1. font size 폰트의 사이즈를 조절한다. .text{ font-size: 16px; } 폰트 사이즈를 조절할 때 사용 가능 단위는 3가지 px, em, rem이다. (font size를 조절할 때는 주로 px이 많이 사용된다.) 📏 px ✔절대 단위 📏 em (equal to capital M: 대문자 M사이즈를 기준으로 한다.) ✔상대 단위(기준에 따라 달라지는 단위) ✔실제로 적용된 폰트 사이즈이다. .text{ font-size: 16px; } p{ font-size: 1em; } 상단의 코드가 실제로 적용된 폰트 사이즈(부모 요소)가 16px이니 1em은 ..

Front-end/CSS 2022.03.28

[HTML5] HTML이란 무엇인가?

HTML (Hyper Text Markup Language) HTML 은 프로그래밍 언어가 아닙니다! 컨텐츠의 구조를 정의하는 마크업 언어입니다. HTML은 요소로 이루어져 있습니다. 일단은 이 두가지만 알고 있어도 충분합니다! 📢Hyper Text 하이퍼 텍스트(Hyper Text) Hyper의 뜻은 '뛰어넘다', '초월하다'의 의미를 가지고 있습니다. Hyper Text라는 글자를 직역하면 'text를 뛰어넘다'의 의미를 가집니다. text를 뒤어 넘는 다라... 이해가 안 되니 추가 설명하도록 하겠습니다. 1. text 란? text는 상대에게 의미를 전달하는 목적으로 많이 사용합니다. (숫자, 알파벳, 기호 등으로 글 혹은 문서를 표현합니다.) 우리가 책을 읽는다 가정해봅시다. 책을 읽으며 왼쪽에..

Front-end/HTML 2022.01.11