HTML&CSS

1.[HTML] Semantic Web, Semantic Tag_<img>태그 vs background-image 속성

post-thumbnail

※ Semantic Web and Semantic Tag § Semantic Web : Semantic Web은 '의미론적인 웹'이라는 의미로, 컴퓨터가 자체적으로 웹 상의 정보자원의 의미를 이해하고, 스스로 데이터의 통합 및 재사용 등을 수행할 수 있도록 하는 웹을

2023년 4월 5일

2.[CSS] display 속성 - block, inline, inline-block, none

post-thumbnail

CSS로 각 요소의 속성도 변경이 가능함에 따라 interactive한 웹 구현을 위해 각 요소에 클래스를 부여하여 각 요소들의 display 속성을 바꿀 수 있다.ex) header, footer, p, li, table, div, h1 block 요소 바로 옆의 같

2023년 4월 6일

3.[CSS] position 속성: static, relative, absolute, fixed

post-thumbnail

position 속성에는 static, relative, absolute, fixed, sticky이 있으며, 이 중 relative와 absolute가 많이 사용됨기본 설정값으로 되어 있으며, 별도의 위치 지정 없이 웹 페이지 상의 흐름에 따라 해당 요소가 배치된다.

2023년 4월 6일