1D

속성:속성값;text-transform: uppercase/capitalize/lowercase text-transform: uppercase; /* html을 바꿀 필요 없이 영어 소문자를 css에서 대문자로 바꾸고 싶을 때 text-transform: uppercase을 써준다. */ text-transform: capitalize; /* 첫 글자를 대문자로 바꿈 */ text-transform: lowercase; /* 대문자를 모두 소문자로 바꿈 */ *인라인 속성 태그들(ex. span)은 글자를 꾸미는 용도로 주로 쓴다. 더보기flex가 여러번 중첩되어 있으면 반응형할 때 control이 어렵다. 적재적소에 써야한다. ***주석을 달아줘야 나중에 길어질 때 찾기 편하..

속성의 상속 부모박스에 주었던 속성이 자식에게 상속되는 것. 배경색상, 넓이, 높이, margin, border 등은 상속되지 않으나 글자 색깔, line-height(줄간격) 등은 상속된다. visual studio code 왼쪽 숫자 옆에 접기 버튼 누르면 어느거랑 한 세트로 열고 닫고 됐는지 알 수 있고, 드래그 하면 같은 태그가 보인다. [레이아웃 만들기 숙제_선생님 코드]DOCTYPE html>html lang="en"> head> meta charset="UTF-8" /> meta name="viewport" content="width=device-width, initial-scale=1.0" /> title>중첩박스 + float속성 실습title> link ..

이미지 저장할 때 규칙 웹 문서 저장법과 동일하게 소문자로 저장하고 공백이나 한글은 파일명으로 사용하지 않도록 한다. 웹 문서가 있는 폴더 내에 이미지 파일이 존재해야 한다. *web05 폴더에 있는 문서 작성 시 web04에 있는 이미지 파일을 불러올 수 없다. 이미지는 img와 같은 영문 폴더를 만들어 별도로 관리해야 한다. 이미지는 용량이 크지 않은 파일을 사용한다. 해상도는 72px이며, 스마트폰에서 바로 저장된 이미지는 쓰지 않는다.속성에서 URL을 지정하는 방법 두 가지.src절대 경로(URL) : 호스팅되는 외부 이미지에 대한 링크, 다른 웹사이트에서. 최상위폴더부터 파일까지의 모든 경로를 표현하기 때문에 보안에 매우 취약하다는 단점이 있어 실무에서 사용되지 않는다. 외부파일이나 링크, 이미..