css selector3 CSS combination CSS combination CSS는 HTML 요소(elements)의 스타일을 적용하는 역할을 한다. 이 때 HTML 요소들을 특정할 때 선택자(selector)를 통해 해당 요소의 스타일을 지정한다. 콤비네이터는 선택자(selector) 간의 관계를 설명하는 것이다. CSS 선택자는 둘 이상의 단순 선택자를 포함할 수 있다. 단순 선택자 사이에 결합기를 포함할 수 있다. CSS에는 다음과 같은 네 가지 콤비네이터가 있다: descendant selector (space) child selector (>) adjacent sibling selector (+) general sibling selector (~) Descendant Selector(space) descendatn selector는 지정된 .. 2023. 8. 28. CSS 선택기(selector) CSS 선택기는 스타일을 지정할 HTML 요소를 선택한다. CSS 선택기(Selector) CSS 선택기는 스타일을 지정할 HTML 요소를 "찾거나" 선택하는 데 사용된다. CSS 실렉터는 다음의 5가지 범주로 나눌 수 있다: 단순 선택기(이름, ID, 클래스를 기준으로 요소 선택) 조합 선택기(요소 간의 특정 관계에 따라 요소 선택) 유사 클래스 선택기(특정 상태에 따라 요소 선택) 유사 요소 선택기(요소의 일부를 선택하고 스타일 지정) 속성 선택기(속성 또는 속성 값을 기준으로 요소 선택) 이 페이지에서는 가장 기본적인 CSS 선택기에 대해 설명한다. CSS 요소 선택기(CSS element selector) 여기서 페이지의 모든 요소는 빨간색 텍스트 색상으로 가운데 정렬된다: p { text-ali.. 2023. 6. 29. CSS Syntax(CSS 구문) CSS 규칙은 선택기와 선언 블록으로 구성된다. 선택기(selector) 선언블록(declaration) h1 { color : blue; -> 속성 : 값 font-size:12px; } 선택기는 스타일을 지정할 HTML 요소를 가리킨다. 선언 블록에 세미콜론으로 구분된 하나 이상의 선언이 포함되어 있다. 각 선언에는 콜론으로 구분된 CSS 속성 이름과 값이 포함된다. 여러 CSS 선언은 세미콜론으로 구분되며 선언 블록은 곱슬곱슬한 중괄호로 둘러싸여 있다. CSS 예제입니다. Hello World! 이 단락들은 CSS로 작성되었습니다. 위의 css 코드를 실행한 결과는 아래 그림이다. p는 CSS에서 선택기이다(스타일링할 HTML 요소를 가리킵니다: ). 색상은 속성이고, 빨간색은 속성 값이다 text.. 2023. 6. 28. 이전 1 다음
