TIL

하이퍼텍스트 마크업 언어 (HyperText Markup Language)로,네트워크가 연결된 웹페이지에서 문서를 작성하고, 읽고, 공유하기 위해서 만들어진 체계이다.HTML 언어의 본질은, 사용자간에 소통하기 위한 정해진 약속이다.다시 말해, HTML은 웹페이지에

HTML에 존재하는 모든 태그들은 각자의 사이즈를 가지고 있다block / inline 태그 종류마다 영역(범위)가 다르다.block 페이지의 가로, 넓이 전체를 차지하는 요소inline 자신의 크기만큼만 차지하는 요소다른 태그와 함께 상호작용을 해야 작동하는 태그혼자

HTML + CSS + Javascript는 기본 개념은 영어를 시작할 때 배우는 알파벳 개념과 같다.HTML 기본 골격으로 공간을 지정하고 정의한다.CSS 디자인으로 공간을 꾸미고 채우는 데에 활용한다.JS 모든 동적인 요소를 다룬다.HTML + CSS + JS만으로

cascading style sheet의 약자HTML의 색, 크기, 정렬 등을 변경하여 꾸며주는 언어특성(property)에는 색, 크기, 정렬 등이 존재세미콜론(;)마지막에 꼭 붙여주어야 한다.HTML 태그 속성에 입력태그에 CSS 속성이 바로 기록되어 있어, 별다른

레이-아웃 / Layout(명사) 출판, 광고, 건축 분야 등에서 문자, 그림, 사진 등을 지면 위에 시각적 효과와 사용 목적을 고려하여 구성, 배열하는 일. 또는 그 기술. 순화어는 '(지면)배열', '판매김'전체 선택자는 HTML의 모든 요소를 선택한다.그룹 선택

:first-child 형제 요소 중 첫번째 요소를 선택하는 가상 클래스 \- .container h1:first-child 가 선택하는 요소는 h1 \- :first-child는 대상의 모든 형제 요소 중 첫 번째에 있는 요소를 취급한다. \- 이 경우, .conta

기본적으로 CSS는 부모 요소에 지정한 속성값을 자식 요소에게도 상속해서 적용합니다.상속되는 속성 \- color \- font-family \- font-size 등상속되지 않는 속성 \- padding \- margin \- border 등HTML 요소

CSS에서의 cascading이란?수 많은 스타일 요소 중 어떤 스타일을 브라우저에 그릴지 결정해주는 CSS 우선 순위 적용 원리크게 세가지 기준이 있다.중요도 / 구체성(명시도) / 선언 순서기준 1. 중요도 CSS가 선언된 위치에 따라 우선 순위가 결정된다.

단위 심화 함수란? 함수란, 특정한 기능을 가지고 있는 상자 같은 것 calc() calc() 괄호 안의 사칙연산을 수행한 결과를 속성값으로 사용가능 덧셈, 뺄셈 > ❗ calc() 함수 사용시 덧셈, 뺄셈 기호 앞 뒤에 반드시 공백을 주셔야 합니다. 곱셈

변형 시킨다는 의미요소에 이동, 회전, 확대축소, 비틀기 등의 변형 효과를 줄 수 있다.translate(x, y) 요소의 좌표를 움직일 수 있다.x축으로 x만큼, y축으로 y만큼 이동시킨다.양수 음수 모두 입력 가능소괄호 안에 한개의 값만 입력된 경우에는 두 영역에

여러 이미지를 연결해서 자연스럽게 움직이는 것처럼 보이게 만드는 기법transition 속성 활용transition은 특정 이벤트를 기점(hover 등)으로 작동animation 속성과 keyframe 활용시작하기 위한 이벤트가 필요 없다.그리고 애니메이션의 시작, 정