루체

인라인(in-line) 방식 - HTML 태그에 'style' 속성을 직접 작성하는 방식 안녕 이렇게 사용을 하면 css에서 선택자를 작성을 하지 않아도 style이 적용이 가능합니다. 근데 그럼 이 방식이 css에 작성을 하는 것보다 좋은 방식이냐? 더 좋은건 아닙니다. 조금 더 복잡한 웹 디자인을 만들 때는 반복적인 사용과 유지보수를 추후에 할 때는 class로 지정을 해줘서 고치는 것이 더 좋은 방법입니다. 물론 이 방법이 안좋다라는 것은 아닙니다. 나중에 공부하게 되는 내용에서 특정한 기능들이 자동으로 삽입이 되게 하는 것으로 사용을 하는 것은 괜찮으나 직접적으로 작성을 하는 것은 피해야 합니다. 내장(embedded)방식 HTML head안에 안에 작성하는 방식 HELLO HELLO라는 텍스트가..

이번에는 인라인 요소와 블록 요소로 왜, 어떻게 구분되고 어떻게 바꿔서 쓸 수 있는지 알아보겠습니다. 우선 인라인 요소를 블록으로 바꾸는 것을 알아보기 위해 아래 코드를 작성을 해주세요. 안녕 body{ margin:0; padding:0; } span{ background: red; width : 120px; hegith : 80px; } 지금 CSS에 span에 높이와 너비를 입력을 했지만 인라인 요소라서 적용이 안됩니다. 이것을 적용시키기 위해 인라인 요소를 블록 요소로 바꿔보겠습니다. span{ background : red; width : 120px; hegith : 80px; display : block; } 이렇게 display : block 을 사용하면 인라인요소를 사용하는 태그를 블록으로..