코린의 도이의 코딩 공부

margin과 padding의 차이 margin-left: border 바깥쪽에서 왼쪽에 여백을 만듦 padding-left: border 안쪽에서 왼쪽에 여백을 만듦, 공간이 여백을 포함한 크기도 변경되는 점 유의 top right bottom left 순서로 한 줄에 작성 가능 Block 요소와 Inline 요소 block 요소 태그가 대표적 줄바꿈 현상이 나타남 width / height 값 사용 가능 -> 공간 만들기 가능 margin과 padding 값 사용 가능 -> 상하 배치 작업 가능 Inline 요소 줄바꿈 현상 없음 width / height 값 적용 불가 margin / padding / bottom 값 적용 불가 -> 좌우 배치 작업은 가능 마진 병합 현상 형제지간의 마진 병합: m..

width, height width 속성: 선택한 요소의 넓이를 설정 고정값(px), 가변값(%) height 속성: 선택한 요소의 높이를 설정 font font-family: 브라우저마다 지원하는 폰트가 다름. 입력한 순서대로 우선순위 적용. sans-serif는 마지막에 작성하는 디폴트 값 font-weight: 100~900 사이의 숫자를 입력할 수도 있음. border border-style 실선: solid 점선: dotted 주석과 같이 한 줄에 이어 쓸 수도 있음 이때, 쉼표는 작성하지 않고 띄어쓰기만 함 background background-repeat x축으로 반복: repeat-x y축으로 반복: repeat-y 반복하지 않음: no-repeat background-position 공..

선택자에 의한 캐스케이딩: style > id > class > type 순으로 우선순위가 높음 나중에 작성한 코드가 우선순위를 갖는다. 지시사항 태그 안에 다음을 입력합니다. 순서 캐스케이딩 순서 캐스케이딩 디테일 캐스케이딩 선택자 캐스케이딩

태그 안에 header h2 header p footer h2 footer h2

태그 안에 다음을 입력합니다. Type Hello World Class Hello World Id Hello World 태그 안에 태그, 클래스, 아이디를 각각 호출하고, css 속성을 입력합니다. Type Hello World Class Hello World Id Hello World