본문 바로가기

언어/HTML & CSS

(2)
[CheckPoint] 23. 레이아웃의 모든 것 🖇 pre-course 1주차 1. position position 이란? CSS 에서의 position 속성은 html 코드와 상관없이 어느 곳에나 위치할 수 있게 해준다. position 속성에는 총 4개의 값이 존재한다. position: static; position: relative; position: absolute; position: fixed; 1. position: relative relative 값은 그 자체로 봤을 때에는 딱히 의미가 없다. 위치를 이동시켜주는 top, right, bottom, left 프로퍼티를 적용해주면 그 때부터 원래 위치에서 움직인다. 바꿔말하자면 top, right, bottom, left는 position 이라는 속성이 있어야 적용되는 속성값들이다 ! .c..
[HTML] 13. Semantic Web, Semantic Tags 사이트에 이미지를 넣는 방법은 두 가지가 있습니다. 태그를 사용하는 것과 태그에 background-image 속성을 추가하는 것. 두 가지 방법의 차이점과 각각 어떠한 경우에 사용하면 좋은지 설명해보세요. 1. 태그 사용하기 사이트에 이미지를 넣을 수 있는 방법은 두 가지가 있다. 첫번째로, 태그를 사용하여 간단하게 이미지를 삽입할 수 있다. 주요속성은 src, alt, width, height, loading 이 있다. - src : 이미지의 경로 - alt : 이미지를 표시할 수 없을 때 출력할 내용 - width: 이미지의 가로 크기 - height : 이미지의 세로크기 - loading : 로딩방식 ** width, height 값을 설정하지 않으면 이미지는 원본사이즈로 출력된다. ** 지정된 ..