목록CSS/학습내용 (10)
JUST GO
background-color 속성 - background-color 속성(Property)은 선택한 요소의 배경 색상을 지정하기 위해 사용한다. - 색상 지정 방법은 아래와 같다. 리터럴(Literal) : 미리 지정된 시스템의 색상을 단어로 표시한 것. 가령, red, green, blue, black, white 등이 있음. RGB 함수 : rgb(r, g, b) 함수를 통해 색을 지정한다. 이 때 각 r, g, b 값은 0부터 255까지 이며 숫자가 높을수록 각 적, 녹, 청색이 많이 들어가게 된다. 가령 rgb(255, 0, 0)은 완전 빨간색(red)이며, rgb(0, 0, 0)은 검은색(black), rgb(255, 255, 255)는 흰색(white)이다. 3. RGBA 함수 : rgba(..
Active 의사 클래스 - Active 의사 클래스(Pseudo Class)는 어떠한 선택자에 의해 선택된 요소가 마우스를 누르고 있는 상태(Mouse Down)일 때에 대한 선택자이다. - 다음과 같이 작성한다.("는 없는 것으로 한다.) "선택자":active { "속성" : "속성 값"; "속성" : "속성 값"; "속성" : "속성 값"; } Hover 의사 클래스 - Hover 의사 클래스(Pseudo Class)는 어떠한 선택자에 의해 선택된 요소에 마우스가 올라가 있는 상태 (Mouse Hover)일 때에 대한 선택자이다. - 다음과 같이 작성한다.("는 없는 것으로 한다.) "선택자":hover { "속성" : "속성 값"; "속성" : "속성 값"; "속성" : "속성 값"; } Che..
전체 선택자 - 전체 선택자(Universal Selector)는 주로 모든 요소를 선택할 때 사용한다. - 다음과 같이 작성한다.("는 없는 것으로 한다.) * { "속성" : "속성 값"; "속성" : "속성 값"; "속성" : "속성 값"; } 나는 노터치 a도 바뀌고 b도 바뀌고 i도 바뀌고 strong도 바뀌고 u도 바뀌고 그룹 선택자 - 그룹 선택자(Group Selector)는 동일한 한 개 이상의 CSS 속성들을 여러 선택자에 적용하고자 할 때 사용한다. - 다음과 같이 작성한다. 콤마(,)로 구분하여 여러개 나열 가능.("는 없는 것으로 한다.) "선택자 1", "선택자 2", "선택자 3" { "속성" : "속성 값"; "속성" : "속성 값"; "속성" : "속성 값"; } 나는 노터..
자식 결합자 - 자식 결합자(Child Combinator)는 어떠한 부모 선택자에 대한 자식을 선택하기 위해 사용하는 결합자이다. - 다음과 같이 작성한다.("는 없는 것으로 한다.) "어떠한 부모 선택자" > "자식 선택자" { "속성" : "속성 값"; "속성" : "속성 값"; "속성" : "속성 값"; } Hi! 내가 빨간색임 자손 결합자 - 자손 결합자(Descendant Combinator)는 어떠한 부모 선택자에 대한 자손을 선택하기 위해 사용하는 결합자이다. - 다음과 같이 작성한다.("는 없는 것으로 한다.) "어떠한 부모 선택자" "자손 선택자" { "속성" : "속성 값"; "속성" : "속성 값"; "속성" : "속성 값"; } Hi! 내가 빨간색임 일반 형제 결합자 - 일반 형제..