Deve.haeri

브라우저에 꽉차게 높이를 주고 싶은 경우 아래와 같이 적용하면 된다. 하지만 아래와 같이 적용하면 원하는 결과가 나오지 않는다. 이유는 부모 태그의 높이 값이 없기 때문이다. div{ height : 100%; } div의 부모태그인 body,html 태그에 높이를 설정해야만, 원하는 결과 값인 화면에 가득 차게 할 수 있다. html,body{ height : 100%; }

1. 선택자의 종류 1) 전체 선택자 : * *{ font-family : 'Roboto',sans-serif; } 2) 태그 선택자 : 태그 이름 div{ font-family : 'Roboto',sans-serif; } 3) id 속성 선택자 : #id #box { font-family : 'Roboto',sans-serif; } 4) class 속성 선택자 : .class .centered { font-family : 'Roboto',sans-serif; } 5) 자식 선택자 : 부모 > 자식 div > a{ text-decoration : none; } 6) 후손 선택자 : 부모 후손 (부모 아래의 모든 후손이 선택된다.) div a{ text-decoration : none; } 7) 인접 형제..

Icon을 넣기 위해 fontawesome 사용한다. 1. 사용법 1) cdnjs.com 접속한다. 2) fontawesome 검색한다. 3) css(styling) 검색 하고 xxx.all.min.css의 link tag를 복사한다.

Web font 1. 태그를 이용한다. 태그는

1. font-size : 글씨 크기 설정 2. font-stlye : 기울임 설정 3. font-weight : 글씨 굵기 설정 4. font-family : 글씨체 설정

1. 문단이 대상인 작업 1) 정렬 (text-align) : 왼쪽,오른쪽,가운데,양쪽 2) 행 높이 (line-height) 3) 들여쓰기 (text-indent) 2. 텍스트 자체가 대상인 작업 1) 라인 (text-decoration): 밑줄,취소선,윗줄 2) 그림자 (text-shadow) 3) 글자 간격 (letter-spacing) 4) 단어 간격 조정 (word-spacing)

1. 절대 단위 1) px : 픽셀 2) pt,cm,mm 등 2. 상대 단위 1) % : 부모 태그 기준 2) em : 부모 태그 기준, 1em : 부모 태그와 같은 크기, 0.5em : 부모태그의 절반 크기 3) rem : 최상위 부모 태그 ( 태그) 기준 4) vh : viewport 단위 (높이) ,1vh(viewport 높이의 1%) ~ 100vh 5) vw : viewport 단위 (너비), 1vw (viewport 너비의 1%)~ 100vh BOX1 outer inner

1. Color 1) 16진수 : #ff0000 2) RGB 값 : rgb(0, 255, 0) 3) 색상 명 : red 안녕하세요. 반갑습니다. 어서오세요. 감사합니다. 사랑합니다.

1. Inline style 1) 태그에 style 속성으로 직접 적용하는 방식이다. 2) 무조건 반영되는 방식이다. (우선순위가 가장 높다.) 안녕하세요 2. Internal style 1) 태그를 이용해서 적용한다. 2) 태그는

입력 태그 : 1. action 속성 : submit 할 때 입력 된 정보를 보낼 경로를 작성한다. (submit을 누르면 action에 써있는걸 하겠다) 2. method 속성 : 입력 된 정보를 보내는 방식을 작성한다. 1) get (1) 디폴트 방식이다. (2) 정보를 헤더(header)에 포함 시켜서 보낸다. (3) 정보가 URL에 노출된다. (4) 보안이 취약하다. (5) 빠르다. 2) post (1) 정보를 본문(body) 에 포함시켜 보낸다. (2) 정보가 URL에 노출되지 않는다. (3) 보안이 우수하다. (로그인,회원가입) (4) 느리다. 3. enctype 속성 1) 파일을 업로드 할 때 사용 2) 업로드 처리 시 2가지 속성을 아래와 같이 처리한다. (1) method = "post"..