$$config title: 2일차, 웹 2 노트 keywords: - display 속성 - 엘리먼트의 관계 - 젠코딩 - 텍스트 스타일 - 테이블 - a와 br 태그 $$ # display 속성 - display-block - 너비: 값이 지정되어 있지 않으면 최대한으로 늘어난다. - 높이: 값이 지정되어 있지 않으면 최소한으로 줄어든다. - 배열: 한 줄에 무조건 하나씩 --- - display-inlineblock - 너비: 값이 지정되어 있지 않으면 최소한으로 줄어든다. - 높이: 값이 지정되어 있지 않으면 최소한으로 줄어든다. - 배열: 한 줄에 최대한 여러개 # 엘리먼트의 부모-자식 관계, 형제 관계 - 나를 감싸는 엘리먼트: 부모 엘리먼트 - 내가 감싸는 엘리머트: 자식 엘리먼트 - 같은 부모를 둔 엘리먼트: 형제 엘리먼트 *ex) ```html

부모

자식, 형제

형제

``` # 젠코딩 *ex) ```html

``` - div>section*2를 친 후 tap키를 누른다. - ~~section 하나만 쓰면 한개 생성됨.~~ *는 곱하기 # 텍스트 스타일 - font-weight: 글자의 두께를 조절 - ilght, normal, lighter, bold, bolder - 100 단위로 100~900 *기본값은 normal *위의 두가지의 방법이 있다. --- - font-size: 글자의 크기를 조절 - px, rem *%와 em도 사용하긴 하는데 많이 안 씀. --- - letter-spacing: 글자의 자간을 조절 - 음수 값이면 좁아지고 정수 값이면 넓어진다. *기본값은 0 --- - color: 글자의 색상을 조절 - black, red, blue, green, silver 등 - HEX 코드: #000000 - rgba(red값,green값,blue값,투명도(소수0~1) # 테이블 - table: 테이블(표) 태그 - tr: 테이블의 열(줄) 태그 - th: 각 열의 제목, 자동으로 font-weight:bold;와 중앙 정렬이 된다. - td: 테이블의 칸 # a와 br 태그 - a - a 태그는 링크를 걸어준다. - a 태그의 target 속성은 링크를 어떻게, 어디에서 여는지 정한다. - target의 기본값은 _self 이다. - 현재 페이지에서 열어준다. --- - target 값 중에 _blank - 새 창에서 열어준다. ```html 네이버 입니다.
구글 입니다.
카카오 입니다. ``` - 스페이스+속성명="속성값" --- - br - 줄바꿈 태그 - 종료태그 없음. 엔터 대신 사용하는듯?