CSS(2)
-
CSS란
1. CSS(Cascading Style Sheets)란? CSS는 웹 사이트의 글꼴, 색상 등을 적용할 수 있습니다. CSS의 C의 Cascading 은 ' 폭포', '위에서 아래로 쏟아지는' 이라는 뜻으로 쉽게 말해서, 위에서 아래로 쏟아지는 스타일 시트라는 뜻입니다. 2. CSS 구성 요소란? 선택자(selector): 디자인을 적용할 HTML 영역 속성(property) : 어떤 스타일을 부여할지를 지정합니다. ex) text-align, color 등 값(value): 프로퍼티의 종류에 따라 지정하는 일정 범위의 값이라고 하는데, ex) center, end, justify, left, aqua, red 쉽게 풀이하면, 속성 color의 값에는 aqua, red등이 있고, 글자의 위치를 정렬하는..
2024.02.16 -
가상요소와 가상 클래스란
가상요소와 가상 클래스의 차이를 비교하면, 1. 가상 요소와 가상 클래스의 차이 가상 요소는 특정 환경이 발생하면, 스타일을 변화 시키며, 가상 클래스는 스타일을 변화시키는 코드입니다. 2.가상 클래스와 가상 요소의 사용 방법? 가상 클래스는... 선택자:가상 클래스 { property: value; } 가상 클래스는 :를 사용하고, 아래 처럼 가상 요소는 ::를 쓰는 것이 차이입니다. 선택자::가상 요소{ property: value; } 3.가상 클래스의 종류 가상 클래스의 개념을 정리했고, 아래는, 가상 클래스의 종류입니다. :hover -> 요소에 커서 올렸을 때 스타일 지정 :first-child -> 부모의 자식 요소중에서 첫번째 요소에 스타일 지정 :nth-child(2) -> 부모의 자식 ..
2024.02.16