어렵게 말고 간단하게 알아 보고 넘어 갑시다!정적 사이트는 단순히 방문자에게 정보를 보여주기만 하는 웹 사이트! (뉴스, 위키피디아 등)동적 사이트는 사용자에게 제공할 기능과 서비스까지 모두 포함한 웹 사이트(네이버, 다음 등)출처. https://ko.wik
HTML5 > Pixabay로부터 입수된 b3nj5m1n님의 이미지 입니다. 안녕하세요~ 오늘은 현재 공부 중인 HTML을 정리를 해볼까 합니다! 제가 HTML에 관하여 작성하면서 참고
1. 태그(Tag) Tag 또는 Element라고 부른다 정확하게는 다르나 혼용해서 사용 태그는 Attributes와 Value를 가지고 있다 태그는 Parent, Child 관계를 갖는다 01. HTML 구조 DOCTYPE(DYD[Document Type De
속성과 값을 지정할 대상을 검색검색된 대상에 지정될 CSS 명령/\* Comment \*/문서 내 수정사항이나 설명 등을 작성태그에 직접 작성<style></style> 에 작성<link>로 외부 CSS 파일 불러오기CSS @import를 이용하여 외부
요소의 가로 너비값(auto) 의미(브라우저가 너비를 계산) 기본값(auto)값(단위) 의미(px, em, cm 등 단위로 지정)요소의 세로 너비값(auto) 의미(브라우저가 너비를 계산) 기본값(auto)값(단위) 의미(
글자 관련 속성들을 지정, 단축font-style : 글자 기울기 지정 : normalfont-weight : 글자 두께 지정 : normalfont-size : 글자 크기 지정 : medium(16px)li
요소를 좌우 방향으로 띄움(수평 정렬)none : 요소 띄움 없음 : default left : 왼쪽으로 띄움right : 오른쪽으로 띄움요소에 float 속성을 적용하면, 적용된 요소 주변으로 문자(text)가 흐르게 된다단순 해제 : 다음 요소
transform 2D 변환 함수translate(x, y) : 이동(X축, Y축) : 단위translateX(x) : 이동(X축) : 단위translateY(y) : 이동(Y축)
flex(Flexible Box): 요소의 크기가 불분명하거나 동적인 경우에도, 각 요소를 정렬할 수 있는 효율적인 방법을 제공Flex는 2개의 개념으로 나뉜다첫 번째는 Container 두 번째는 Items 입니다위에서 살펴본 바와 같이 Container는 Items
Grid: CSS Grid(그리드)는 2차원(행과 열)의 레이아웃 시스템을 제공Flexible Box도 훌륭하지만 비교적 단순한 1차원 레이아웃을 위하며, 좀 더 복잡한 레이아웃을 위해 우리는 CSS rid를 사용할 수 있다\-\*) CSS Grid는 예전부터 핵(Ha