이다닷

display 속성이란 요소 크기를 어떻게 결정 할건가를 결정하는 속성이다. display 속성 display 속성값의 종류 none block inline inline-block DOCTYPE html> None Block Inline Inline-block body div { font-size: large; margin-bottom: 50px; } .none_div { display: none; background-color: #000000; } .block_div { display: block; background-color: aqua; } .inline_div { display: inline; width: 500px; background-color: chartreuse; } .inline-bloc..

HTML 요소(element)를 원하는 위치에 배치하기 위해서 사용하는 속성이 position 속성이다. position 속성 CSS에서 position 속성은 HTML 문서 상에서 요소를 배치할 수 있다. position 속성은 요소의 정확한 위치 지정을 위해서 top, left, bottom, right 속성과 함께 사용된다. position: static - 기본값, 다른 태그와의 관계에 의해 자동으로 배치되며 위치를 임의로 설정해 줄 수 없다. absolute - 절대 좌표와 함께 위치를 지정할 수 있다. relative - 원래 있던 위치를 기준으로 좌표를 지정한다. fixed - 스크롤과 상관없이 항상 문서 최 좌측상단을 기준으로 좌표를 고정한다. inherit - 부모 태그의 속성값을 상속받..

우선, Sass(SCSS)에 대해서 본격적으로 설명하기에 앞서, Sass(SCSS)가 왜 생겼는지를 살펴보자. 그러기 위해서는 CSS에 대해서 먼저 알아볼 필요가 있다. CSS란? CSS의 특징과 사용할 때의 단점에 대해서 먼저 나열해보겠다. 우선 CSS는 HTML에서는 지원할 수 없는 다양한 문자 크기나 글자체, 줄 간격의 지정이 가능할 뿐만 아니라 기존의 HTML 태그 기능을 확장하여 배경색상 등도 자유롭게 선택할 수 있다. 웹 문서는 HTML만으로 작성이 가능하지만, HTML만으로는 원하는 웹 형태를 띄울 수가 없다. -> 따라서 CSS는 웹문서, ASP나 기타 CGI 등의 다양한 웹 관련 문서에 삽입해서 사용할 수 있으며, 단순화된 웹문서에 스타일을 지정해줄 수 있는 확장기능이다. CSS는 복잡한..