목록웹/CSS (2)
It's easy, if you try

css 작성 규칙에서 선택자는 규칙이 적용 되는 엘리먼트를 의미한다. 다양한 선택자들에 대해 알아보자. 🐻 선택자 HTML 문서에서 CSS 규칙 적용 타겟이 되는 다양한 종류의 CSS 선택자가 존재한다. 먼저 같은 엘리먼트에 두개 이상의 CSS 규칙이 정해진 경우 우선순위를 알아보자. ⚡️ CSS 규칙 적용 우선순위 같은 엘리먼트에 두 개 이상의 CSS 규칙이 적용된 경우 마지막 규칙, 구제적인 규칙, !important가 우선 적용. CSS 규칙들 중 하단에 작성한 규칙이 마지막 규칙 구체적인 규칙 : p {} 보다는 p b {} !important p b { color: green !important; } 이제 선택자의 종류와 의미, 사용법에 대해 알아보자. 선택자에는 일반 선택자, 복합 선택자, 가..

1. CSS의 작성 규칙에 대해 알아보자. 2. 스타일 적용 방법 3가지에 대해 알아보자. 🐻 CSS(Cascading Style Sheets) HTML 문서를 화면에 표시하는 방식을 정의한 언어 🐻 CSS 작성 규칙 선택자와 선언 두 부분으로 구성 선택자는 규칙이 적용되는 엘리먼트 선언부분에서는 선택자에 적용될 스타일을 작성 선언은 중괄호로 감싸며 속성과 값으로 이루어짐 속성은 선택자에서 바꾸고 싶은 요소 값은 속성에 적용할 값 각 속성은 ; 로 구분 주석: /* 내용 */ 🐻 CSS 스타일 적용 방법 3가지 인라인 스타일, 내부 스타일시트, 외부 스타일시트 적용 방법이 있다. 스타일 적용 순위는 "인라인 > 내부 > 외부" 시트 순이다. ⚡️ 인라인 스타일 적용 tag 안 개별 element에 작성한..