HTML / CSS

✔️ HTML이란?✔️ HTML 태그(tag) 정리✔️ 알아두면 유용한 단축키: HTML(HyperText Markup Language)은 웹페이지를 위한 지배적 마크업 언어이다. 쉽게 말해 웹페이지 제작에 있어 가장 기본적이고 구조적인 틀이라고 볼 수 있다. HTML

CSS의 등장CSS의 사용CSS의 기본 문법HTML이 등장하면서 사용자들은 자신의 웹페이지를 더 아름답게 디자인하고자 하는 욕심이 생겼다. 따라서 글자의 크기나 색, 글꼴, 글자의 정렬, 이미지 삽입 등. 사용자들의 요구에 따라 HTML에 디자인적 요소를 가미할 수 있

자주 쓰이거나 헷갈리는 속성, 새로 배운 속성들을 기록하고 추가해보자.padding : content 주위의 공간 (값 지정 px)border : padding의 바깥쪽에 놓인 실선margin : 요소의 바깥쪽을 둘러싼 공간 (auto 또는 값 지정 px)border-

가상 선택자(Pseudo-selector) > CSS에는 가상 선택자인 가상 클래스(:pseudo-class)와 가상 요소(:pseudo-element)가 존재한다. > 가상 클래스(:pseudo-class)는

  인터넷 사용자들은 자신이 원하는 정보를 얻기 위해 구글, 네이버와 같은 검색엔진을 이용한다. 그리고 대부분 검색된 첫 페이지에서 원하는 정보를 얻을 수 있을 것이다. 그렇다면 반대로 정보가 담긴 웹사이트의 입장에선 어떨까? 검색엔진의 첫 페이지에 뜨는 것만큼 중요한

position : staticposition : relativeposition : absoluteposition : fixed모든 태그들의 기본값.순서는 왼쪽 -> 오른쪽 / 위 -> 아래static을 기준으로 태그의 위치를 살짝 변경하고 싶을 때 사용한다.단, to

: 주로 텍스트를 주입 할 때 사용 되는 형태.width는 컨텐츠 영역만큼 자동으로 잡히며 라인이 새로 추가 되지 않는다.height 또한 폰트의 크기만큼 잡힌다.inline 특징width와 height 값을 임의로 지정할 수 없다.margin은 top,bottom 엔

: 해당 요소를 어떻게 정렬할지를 정의하는 css 속성.float 속성은 block element에만 적용 가능하다.페이지 전체의 레이아웃을 잡을 때에도 사용된다.: 정렬하지 않는다. block element의 기본 속성을 그대로 유지한다.<결과화면>: 왼쪽으로