기초부터 시작하는 코딩/CSS 8

CSS에 대해 공부해 봅시다! - 02. CSS선택자(feat.ID와 CLASS 차이점)

선택자란 - CSS로 UI의 어느 부분을 디자인 할지, 즉 표현할 대상이 되는 부분을 말합니다. - 예문에서는 h1요소에 배경을 노란색으로, 글자색을 빡간색으로 지정한다는 의미를 담고 있습니다. - {} 안에 여러 속성을 지정할 수 있고, 각 속성 설정 간에는 ';'으로 구분해주며 마지막 속성 끝에는 구분자를 생략할 수 있습니다. - 속성은 가로로 붙여 써도 되고 한 줄씩 따로 기술해도 무방합니다. id 선택자와 class 선택자 요소를 선택하는 방법(선택자)은 type, id, class등 여러 가지가 있습니다. 오늘은 그 중에서 id선택자와 class선택자에 대해 알아보도록 하겠습니다. id 선택자 - HTML 문서의 요소 중 같은 요소라도 각기 다른 이름을 지정하여 따로 속성을 부여할 수 있습니다...

CSS를 공부해 봅시다! - 1. CSS의 다양한 표현방법

CSS(Cascading Style Sheet) 기본문법 - CSS(Cascading Style Sheet)를 정의하는 방법으로는 내부 스타일시트, 외부스타일시트, @import, 인라인 스타일시트 등이 있습니다. - 외부 스타일시트를 많이 사용하는 편이지만 간단한 스타일은 내부 스타일시트만으로 사용할 수도 있습니다. - 인라인 스타일시트는 거의 사용하자 않지만, 우선순위가 가장 높아서 꼭 필요한 경우 편리하게 사용할 수 있습니다. - CSS에서 주석은/* */로 표현합니다. 다음은 내부 스타일시트, 외부스타일시트, @import, 인라인 스타일시트에 대해서 알아보겠습니다 내부 스타일시트 - CSS를 HTML 문서 안에 태그로 기재하여 HTML 문서 안에 CSS가 함께 저장되도록 하는 형태입니다. 외부 ..