푸으름

✏️ 박스 모델의 방향박스 모델은 상하좌우 4개의 방향이 있어서 테두리나 마진, 패딩 등을 지정 시 한꺼번에 지정하거나 모두 다르게 지정 가능,  박스 모델의 방향은 top->right->bottom->left이고 이 순서는 기억하는게 좋음 ✏️ 테두리 스타일을 지정하는 border-style 속성종류설명none테두리가 없는, 기본 상태hidden테두리를 감춤. 표에서 border-collapse : collapse인 경우에도 감춤solid테두리를 실선으로 표시dotted테두리를 점선으로 표시dashed테두리를 짧은 직선으로 표시double테두리를 이중선으로 표시. 두 선 사이의 간격이 border-width값groove테두리를 창에 조각한 것처럼 표시, 홈에 파인 듯 입체 느낌inset표에서 borde..

✏️ 블록 레벨 요소와 인라인 레벨 요소블록 레벨 요소란 태그를 사용해 요소를 삽입했을 때 혼자 한 줄을 다 차지하는, 즉 너비가 100%임을 뜻함주로 , , 태그 등을 이용인라인 레벨 요소란 한 줄을 다 차지하는 것이 아닌 콘텐츠 영역만큼만 차지하고 나머지 공간은 다른 요소가 올 수 있음. 따라서 한 줄에 여러 개의 인라인 레벨 요소들이 올 수 있고 , , 태그 등이 있음✏️ 박스 모델의 기본 구성종류설명패딩(padding)콘텐츠부터 테두리까지의 여백마진(margin)여러 박스 사이의 여백콘텐츠(content)콘텐츠, 즉 표현하고자 하는 내용이 있는 구역테두리(border)박스의 테두리 부분✏️ 콘텐츠 영역의 크기를 지정하는 width, height 속성종류설명크기>너비와 높이의 값을 px나 em으..

✏️ 연습문제 1 최신 웹 디자인 트렌드 반응형 웹 디자인 - 다양한 화면 크기에 최적화하다 플랫 디자인 - 입체에서 평면으로 풀스크린 배경 - 콘텐츠에 집중 원 페이지 사이트 - 한 페이지에 모든 내용을 담다 패럴랙스 스크롤링 - 동적인 효과로 강한 인상을! 웹 폰트 - 웹 타이포그래피를 받쳐주는 기술 ✏️ 연습문제 2 웹 개발 기초 ✏️ 연습문제 3 2019 국민 독서실태 구분 성인 독서자 종이책 6.1권 11.8권 전자책 1.2권 7.1권 오디오북 0.2권 5.5권 ✏️ 연습문제 4 확인하세요 주문 및 배송 오후 2시 이전 주문건은 당일 발송합니다 2시 이후 주문건은 다음날 발송합니다(주말 제외) 교환 및 환불 불만족시 100% 환불해 드립니다 고객센터로 전화주세요 고객센터 0000-0000 상담시..

✏️ 글자와 관련된 속성종류설명font-family글꼴 종류를 지정font-size글자 크기를 지정font-style글자를 이탤릭체로 표시할지 지정font-weight글자의 굵기를 지정✏️ 텍스트 스타일 속성종류설명color글자색을 지정text-decoration텍스트에 밑줄이나 취소선을 표시할지 여부를 결정text-transform텍스트 전체, 또는 첫 글자를 대문자로 표시text-shadow텍스트에 그림자를 추가letter-spacing글자 사이의 간격을 지정word-spacing단어 사이의 간격을 지정text-align텍스트 정렬 방법을 지정line-height줄 간격을 조정✏️ 웹에서 색상을 지정하는 방법방법설명16진수빨강, 초록, 파랑 각각 두 자리씩 여섯 자리의 16진수로 색상 표현rgb,rg..