CSS 선택자, 상속, 스타일링링크 (2024-04-08)

CSS

 

 

 

=======================================================================================

 

 

인라인, 내부, 외부 스타일

내부스타일

 

=======================================================================================

외부스타일

 

 

외부 css

※ 실행결과는 위의 내부 스타일과 같다.

 

 

=======================================================================================

 

전체선택자

 

 

=======================================================================================

 

 

 

요소선택자

 

 

 

=======================================================================================

 

 

 

 

 

id선택자

 

 

=======================================================================================

 

 

 

 

class선택자

=======================================================================================

 

 

 

 

 

 

 

group선택자

 

=======================================================================================

 

 

 

 

 

 

 

자식/자손선택자

 

 

=======================================================================================

 

 

 

 

 

 

 

형제선택자

 

=======================================================================================

 

 

 

 

 

 

 

속성 선택자

 

 

=======================================================================================

 

 

 

 

 

 

 

가상선택자

 

 

 

 

=======================================================================================

 

 

 

 

 

 

 

 

스타일링 링크

마우스를 올려두거나 클릭하거나 방문 했던 사이트인지에 따라 사이트의 색상이나 밑줄 등이 변함

 

 

 

=======================================================================================

 

 

 

 

 

 

css텍스트

 

 

=======================================================================================

 

 

 

 

 

spacing

 

=======================================================================================

 

 

 

 

 

left, right, center, justify, indent  방향정렬과 들여쓰기

 

 

 

=======================================================================================

 

 

 

 

 

 

underline, variant, line-through, 작은 대문자

 

=======================================================================================

 

 

 

 

 

 

 

shadow

 

 

 

=======================================================================================

 

 

 

 

 

 

clip, ellipsis, nowrap, scroll, hidden, overflow

 

 

 

=======================================================================================

 

 

 

 

 

 

font-family

 

=======================================================================================