sm 기술 블로그

간단히 정의를 보면 absolute : left, top, right, bottom 값으로 전 화면을 아무런 제약 없이 쓸 수 있는 것 relative : absolute를 쓸 때 영역을 잡아주는 역할 fixed : 부모로 부터 독립되어 어느 것이든 사용이 가능하고 그 자리에 고정된다 다시 말해 absolute 는 자식 realtive는 부모라고 생각하면 된다. absolute는 아직 어려 이리저리 돌아다는 것을 좋아하고 realtive는 그런 아이의 공간을 제한 한다고 생각하면 된다. fiex는 상단 메뉴바와 같이 고정으로 사용하고 할 때 자주 사용 된다. - relative 문제점 영역을 제한해주는 것은 좋지만 모달창 구현 시 뒷 배경을 검게 칠했을 때 배경색이 적용되지 않는 문제점이 있다. 따라서 ..

초안 링크 html Dolphin 로그인 회원가입 남성의류 여성의류 기타 고객센터 돌핀 대표이사 : 돌핀 | 사업자등록번호:버언호 | 통신판매업 신고 (주)돌핀 | 주소: 대전시 서구 둔산동 어딘가 공부를 위해 만든 페이지 입니다. 안전거래센터 신고하기 CSS /* 폰트 */ @font-face { font-family: 'BMJUA'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/BMJUA.woff') format('woff'); font-weight: normal; font-style: normal; } html > body, html > body input, html > body select, html > body te..

HTML,CSS 기본값 이름, 이름{ 원하는 값 } 무속성 : div,nav,section,article block 너비 : 너비가 지정되어 있지 않으면, 최대한 유연하게 늘어남. 높이 : 높이가 지정되어 있지 않으면, 최소한으로 유연하게 줄어든다. 배열방향 : 한줄에 무조건 1개 inline-block 너비 : 너비가 지정되어 있지 않으면, 최소한으로 유연하게 줄어든다. 높이 : 높이가 지정되어 있지 않으면, 최소한으로 유연하게 줄어든다. 배열방향 : 한줄에 최대한 여러개 폰트 꾸미기 (글자의 두께 조절) font-weight:normal; font-weight:bold; (글자의 크기 조절) font-size:3rem (기본 폰트의 3배) font-size:140px (기본 폰트의 3배) (자간 조절..

justify-content (flex요소들을 가로선 상에서 정렬) flex-start : 왼쪽으로 정렬 - default flex-end : 오른쪽으로 정렬 center : 가로선 상 가운데로 정렬 space-between : 요소들 사이의 간격을 동일하게 둔다. space-around : 요소들 주의에 동일한 간격을 둔다. align-items (flex요소들을 세로선 상에서 정렬) flex-start: 꼭대기로 정렬 flex-end: 바닥으로 정렬 center: 세로선 상 가운데로 정렬 baseline: 컨테이너(담은 곳)시작 위치에 정렬 stretch: 컨테이너(담은 곳)에 맞도록 늘림 - default flex-direction (정렬할 방향을 정함) row: 텍스트 방향(가로)으로 정렬 - d..