![[왕초보 HTML] CSS 기초 - 선택자의 우선순위](https://mblogthumb-phinf.pstatic.net/MjAyMjAzMDhfMTkw/MDAxNjQ2NzE2ODY5Mjg4.thiUKpPhMNinJHj2f6uqF2MCYGUqn6Y2JiUB8_yiTvIg.oDpcI73CJZ3uhakstOOAGKbsgAzqd6-u8ZspAzsj2rYg.PNG.kyogirl/%B0%F5%B5%B9%B8%BE-001_%283%29.png?type=w2)
html으로 웹 사이트를 나열하면 css로 전체적인 디자인을 표현해 줍니다. 웹 작성(html)과 디자인(css)이 분리되어 있으면 웹 사이트를 수정할 때 매우 효율적입니다. css는 <html>의 <head>부분에 작성하는 것이 보통이지만 <body> 부분의 디자인해야 할 각 태그 안에 속성값으로 일일이 작성하기도 합니다.
(편의에 따라 선택 사용) css로 선택자(스타일을 적용할 범위)를 지정할 때 우선순위가 중요합니다. 여기서 우선순위란 여러 스타일 중 어떤 스타일을 먼저 적용할 것인지 정하는 규칙입니다.
우선순위를 적용하는 규칙은 다음과 같습니다. 1순위) !important 어떤 스타일보다 가장 우선순위입니다.
스타일 속성에 같..........
[왕초보 HTML] CSS 기초 - 선택자의 우선순위에 대한 요약내용입니다.
자세한 내용은 아래에 원문링크를 확인해주시기 바랍니다.
![[왕초보 HTML] 2강. HTML 기본 구조](https://mblogthumb-phinf.pstatic.net/MjAyMjAyMjVfMzIg/MDAxNjQ1NzkwMzM4ODUx.96gdgPH05IGw_JOpNAXxDKIipZXJUaO0N_qGIlEz2ZEg.hAiTe1PzzDG6hNnA4EfPt-_Do-4AYHiPkEmAthtkRh0g.PNG.kyogirl/h1.png?type=w2)
![[왕초보 HTML] html 기본구조/제목 삽입/줄바꿈](https://mblogthumb-phinf.pstatic.net/MjAyMjAyMjdfMTA5/MDAxNjQ1OTQyNTgyMjI0.BdwXyzI2t4WfI5nrYzCKyEK2I36UYCXoyFu7NtGOLL8g.65XcfDhgsZVd3K6dbGaioF9Hdu9UNTLjhlsym9m7rT0g.PNG.kyogirl/h2.png?type=w2)
![[왕초보 HTML] 텍스트 태그 깔끔 정리](https://mblogthumb-phinf.pstatic.net/MjAyMjAyMjdfNTYg/MDAxNjQ1OTY5Njg5OTgx.5mN6cJbdcbEBvEigJphrUpLCgY5-LlIgYDmtrLGc7u8g.ka4u0UlDHvL5_zEZDkfo6MUTd5Z9NIlq0f7IKkAK-QMg.PNG.kyogirl/%C1%A6%B8%F1%C0%BB-%C0%D4%B7%C2%C7%D8%C1%D6%BC%BC%BF%E4_-001.png?type=w2)
