본문 바로가기

선택자2

[날마다 3분 CSS] CSS 선택자 #복합 시작 아파트를 건설할때 골격을 세우고 인테리어 설계도를 통해 각 집의 호수마다 집의 디자인을 입히는 것 처럼 CSS 선택자란 HTML로부터 웹컨텐츠의 구조(골격)를 형성하고 시각적인 디자인과 레이아웃( 디자인 )을 표현하기위해서는 각 집의 호수, 한마디로 디자인 할 위치를 선택해주는 설계도가 있어야한다. 이때, 설계도가 CSS 선택자이다. 선택자의 종류 일치 선택자 일치 선택자(Basic Combinator)는 입력되어있는 CSS속성을 모두 동시에 만족하는 요소를 선택하여 CSS속성을 적용한다. 선택자가 span.red 인 경우에는 태그가 이면서 red라는 클래스를 가지고 있어야 적용이 됩니다. 정확히 명시할 때 사용합니다. 💫예시 span.red { color: red; } 자식 선택자 자식 선택자(C.. 2022. 10. 13.

[날마다 3분 CSS] CSS 선택자 #기본 시작 아파트를 건설할때 골격을 세우고 인테리어 설계도를 통해 각 집의 호수마다 집의 디자인을 입히는 것 처럼 CSS 선택자란 HTML로부터 웹컨텐츠의 구조(골격)를 형성하고 시각적인 디자인과 레이아웃( 디자인 )을 표현하기위해서는 각 집의 호수, 한마디로 디자인 할 위치를 선택해주는 설계도가 있어야한다. 이때, 설계도가 CSS 선택자이다. 선택자의 종류 전체 선택자 전체 선택자(Universal Selector)는 HTML 페이지 내부의 모든 요소( 태그 )에 같은 CSS속성을 적용한다. 아래와 같이 작성하면 모든 요소의 글자 색상을 파란색으로 나타낸다. 💫예시 * { color: blue; } 하지만 전제 선택자( * ) 를 사용면 HTML 문서안의 모든요소를 모두 읽어내야하기 때문에 페이지 로딩의 속.. 2022. 10. 10.

이전 1 다음

티스토리툴바