Jade_o.o

background 속성 html 코드 body{ height: 2000px; } .box{ display: inline-block; width: 400px; height: 500px; border: 1px solid black; } .background{ background-color: palegreen; background: aquamarine; /* 단축 속성 */ /* background: color image repeat position/size; */ /* deg, to top, to bottom */ /* background: linear-gradient(45deg,black,white,orange); */ background: linear-gradient(to bottom,black,whi..

position(static, relative, absolute, fixed) html 코드 body{ background: linear-gradient(white,orange); height: 2000px; margin: 0; padding:0; } div{ width:100px; height: 100px; font-weight: 700; text-align: center; border:1px solid gray; line-height: 100px; } /* position-static - static은 기본값, 작성하지 않아도 됨 - top, bottom, left, right 속성 적용 안됨 */ .position-static{ background-color: pink; position: stati..

박스모델 CSS display 속성 block 1 block 2 block 3 block 4 inline 1 inline 2 inline 3 inline 4 inline-block 1 inline-block 2 inline-block 3 max-width, min-width width, height 그리고 단위 px viewport percent rem rem rem em em em border, border-radius box-sizing original d-none invisible opacity-0 original overflow Lorem ipsum dolor sit amet consectetur adipisicing elit. Eum expedita, facere illo beatae omnis..

문자 관련 속성 안녕하세요 안녕하세요 안녕하세요 Lorem ipsum dolor sit amet consectetur adipisicing elit. Quia modi in voluptatum molestias voluptatem mollitia neque, aut itaque laboriosam distinctio tenetur provident optio sequi aliquam sunt. Veniam laboriosam numquam beatae? 네이버 html 코드 @import url('https://fonts.googleapis.com/css2?family=Single+Day&display=swap'); @font-face { font-family: 'DAEAM_LEE_TAE_JOON'; s..