Front-End/CSS
position 속성 - relative, absolute, fixed CSS의 position 프로퍼티를 사용하면, html 코드와 상관없이 원하는 위치에 요소를 그려 넣을 수 있다. position에서 사용하는 값은 아래와 같다. static (거의 사용하지 않는다.) 요소를 일반적인 문서 흐름에 따라 배치한다. top (en-US), right (en-US), bottom (en-US), left (en-US), z-index 속성이 아무런 영향도 주지 않는다. 기본값이다. relative position: relative; 자체로는 특별한 의미가 없다. 딱히 어느 위치로 이동 하지는 않는다. 위치를 이동시켜주는 top, right, bottom, left 프로퍼티가 있어야 원래의 위치에서 이동할 ..
사이트에 이미지를 넣는 방법은 두가지가 있다. 1. img 태그를 사용하는 방법 in HTML 2. div 태그에 background-image 속성을 추가하는 방법 in CSS 개인적으로 생각하는 가장 대표적인 차이는 alt=""의 유무인 것 같다. 1. img 태그를 사용하는 방법 (HTML) 위에 보이는 코드는 일반적인 img태그 작성법이다. alt 속성이 보이는 것과 같이 이미지에 대한 기본적인 정보를 담고 있다. 만약에 img 태그에서 사용되는 이미지가 로딩이 실패한 경우 broken image 아이콘과 함께 alt에 적어 놓은 코멘트가 보인다. 이를 통해 에러난 이미지가 어떤 의도였는지 쉽게 알 수 있다. 2. div태그에 background-image 속성을 추가하는 방법 (CSS) 하지만 ..
