본문 바로가기

width2

CSS 박스 모델1 | content 콘텐츠 border 보더 padding 패딩 margin 마진 CSS 박스 모델 | content 콘텐츠 border 보더 padding 패딩 margin 마진 오늘은 content 콘텐츠, border 보더, padding 패딩, margin 마진의 개념을 확실히 잡아 보도록 하겠습니다.위 네 가지 개념은 CSS 디자인에 매우 중요한 요소이므로 꼭 정확히 이해하고 넘어가시기 바랍니다. 위 개념들을 확실히 잘 알아야 이미지 및 콘텐츠들을 내가 원하는 위치에 정확히 배치할 수 있기 때문입니다. CSS에서 너비나 마진, 패딩 등을 이용해 크기나 위치를 지정하려면 그 대상이 블록 요소여야 합니다. 블록 요소는 한 줄 전체를 차지하면서 네모난 박스 모양으로 자신만의 영역을 만들기 때문입니다. 우리는 이 네모난 영역을 '박스 모델'이라고 부르고, CSS로 이 박스 모델들을 .. 2020. 12. 23.
HTML 이미지(img) 태그: <img> 태그와 경로 설정(src / ..) HTML 이미지(img) 태그: 태그와 경로 설정(src / ..) 1. 태그 - 이미지를 삽입해주는 태그 - 태그는 이미지는 삽입해주는 태그입니다. 닫는 태그가 없습니다. - src 속성은 이미지 파일 경로를 지정해주는 역할을 합니다. 자세한 내용은 아래에서 설명하겠습니다. - alt 속성은 이미지를 설명하는 대체 텍스트를 삽입할 때 사용합니다. - alt 속성을 사용하면 시각 장애인들이 화면 낭독기를 사용할 때, alt 속성에 있는 내용을 읽어줍니다. - 또는 인터넷 연결 속도가 느리거나 이미지를 제대로 표시할 수 없는 상황일 때 alt 속성에 있는 텍스트가 표시 되기도 합니다. - width 속성은 이미지의 너비를 지정해줍니다. height 속성은 이미지의 높이를 지정해줍니다. - width와 he.. 2020. 10. 11.
반응형