728x90 css style2 [CSS] CSS Selector 선택자 우선순위 CSS Selector 선택자 우선순위 1. CSS 같은 속성 여러번 설정한 경우 메모를 메모하다 정답 : 메모를 메모하다 소스의 흐름대로 적용 된다. 처음엔 orange였다가 하위 코드로 인해 blue 로 바뀐다. 2-1. 다른 셀렉터를 통한 설정 (* vs 태그명) 메모를 메모하다 정답 : 메모를 메모하다 더 구체적인 셀렉터에서 설정한 값이 우선된다. 2-2. 다른 셀렉터를 통한 설정 (태그명 vs 클래스명) 메모를 메모하다 정답 : 메모를 메모하다 더 구체적인 셀렉터에서 설정한 값이 우선된다. (태그보다는 클래스가 더 구체적) 2-3. 다른 셀렉터를 통한 설정 (태그명.클래스명 vs 클래스명) 메모를 메모하다 정답 : 메모를 메모하다 .test-class 앞에 전체를 의미하는 *가 생략이 되어있는 .. 2021. 4. 15. [Css] css의 로드 style, link, import CSS의 로드 style link import HTML 문서 작성시 각 태그의 디자인은 CSS를 Html 문서 내에 로드하여 입맛에 맞게 꾸밀수 있는데 이를 위해서 자주 쓰는 방법 3가지가 있다. 1. head 태그 내 style 추가 2. head 태그 내 link 추가 3. .Css 파일 내 import url 추가 샘플 예제 ↓ 1. Head 태그 내 Style 추가 [html : example.html] CSS 예제 : Style의 추가 # 제목 내용 조회수 1 제목 1 내용 1 20 2 제목 2 내용 2 33 3 제목 3 내용 3 13 2. head 태그 내 link 추가 가장 보편적으로 사용하는 방법으로, link 태그는 href라는 속성을 통해 css파일에 접근하는 역할을 하는데, 예제 1번.. 2021. 2. 10. 이전 1 다음 728x90
