본문 바로가기
반응형

CSS8

ID와 CLASS 차이(CSS 선택자) CSS 선택자 선택자란 CSS로 UI의 어느 부분을 디자인할지, 표현할 대상이 되는 부분을 말합니다. CSS로 속성을 부여하는 형식은 { } 안에 여러 속성을 지정할 수 있고, 각 속성 설정 간에는 ' ; ' 으로 구분해주며 마지막 속성 끝에는 구분자를 생략할 수 있습니다. 속성은 가로로 붙여 써도 되고 한 줄씩 따로 입력해도 무방합니다. 요소를 선택하는 방법, 선택자의 종류로는 ID 선택자, CLASS 선택자 등 여러가지가 있습니다. ID 선택자 HTML 문서의 요소 중 같은 요소라도 각기 다른 이름을 지정하여 따로속성을 부여할 수 있습니다. HTML 요소에 ID로 이름을 붙일 때에는 유일한 이름을 부여해야 하며, 다른 요소에 같은 ID명을 또 주어서는 안됩니다. CSS에서는 ID 선택자 앞에 ' 샵(.. 2023. 2. 21.
CSS 표현 방법(4가지 방법) CSS 표현 방법 CSS를 정의하는 방법으로는 내부 스타일시트, 외부 스타일시트, @import, 인라인 스타일시트 등이 있습니다. 실제로는 외부 스타일시트를 많이 사용하는 편이지만, 간단한 스타일은 내부 스타일시트만으로 사용할 수도 있습니다. 또한 인라인 스타일시트는 대체로 거의 사용하지 않지만, 가장 우선순위가 높아서 꼭 필요한 경우 편리하게 사용할 수 있습니다. 1. 내부 스타일시트 내부 스타일시트는 CSS를 HTML 문서 안에 태그로 기재하여 HTML 문서 안에 CSS가 함꼐 저장되도록 하는 형태입니다. 그 스타일이 기술된 페이지에만 적용 2. 외부 스타일시트 외부 스타일시트는 스타일 속성들을 따로 저장하여 HTML 문서에 파일명으로 연결할 수 있습니다. 이때 스타일은 *.css 확장자를 가진 별.. 2023. 2. 20.
반응형