CSS 스타일 적용 우선순위는 다음과 같습니다: !important가 적용된 속성 인라인 스타일 (예: ) ID 스타일 (예: #my-id { color: blue; }) 클래스 스타일 (예: .my-class { color: green; }) 타입 스타일 (예: h1 { color: purple; }) 상위 요소의 스타일 예 Hello World #my-header { color: red; } .my-class { color: blue; } h1 { color: green; } 해당 h1 요소는 id 스타일의 color: red가 적용되므로 빨간색으로 표시됩니다.
인라인 스타일(inline style) 인라인 스타일은 HTML 요소의 style 속성을 사용하여 스타일을 지정하는 방법입니다. 이 방법은 다른 스타일 방법보다 우선 순위가 높아, 덮어쓰기가 쉽습니다. 하지만, 스타일을 수정하려면 모든 HTML 요소를 수정해야 하므로 유지 보수가 어려워집니다. 따라서, 인라인 스타일은 가능한 사용하지 않는 것이 좋습니다. 인라인 스타일은 다음과 같이 사용합니다. 인라인 스타일 위 코드에서 style 속성 안에 스타일을 지정하면 됩니다. 스타일은 속성 : 값; 형태로 지정하며, 여러 개의 스타일을 지정할 때는 세미콜론(;)으로 구분합니다. 위 코드에서는 color 속성을 red로, background-color 속성을 yellow로 지정했습니다. 이렇게 지정한 스타일은 해..
CSS 구성 요소 선택자(selector) : 스타일을 적용할 대상 지정 속성명(property) : 속성의 이름 속성값(value) : 속성에 적용할 값 선택자 {속성명 : 속성 값; } 과 같이 사용하여 스타일 적용 p { color: purple; text-align: center; } CSS 적용 방법 인라인 스타일 : HTML 요소의 여는태그에 style 속성으로 지정 내부 스타일 : 같은 HTML 문서 내부에 태그를 사용하여 지정 외부 스타일 : HTML 문서와는 별개의 파일로 style을 지정
하이퍼링크를 삽입하기 위해서는 태그를 사용합니다. 태그에는 다음과 같은 속성이 있습니다. href: 클릭했을 때 이동할 페이지의 URL target: 링크를 클릭했을 때 새로운 탭에서 페이지를 열지, 아니면 현재 탭에서 페이지를 열지를 결정합니다. 예시: 구글로 이동하기 위 코드에서는 "HTML 문서로 이동하기"라는 텍스트를 클릭하면 구글로 이동하며, 이때 새로운 탭에서 페이지를 엽니다.