twingkle

기본 셀렉터 전체 셀렉터 전체 셀렉터는 문서의 모든 요소를 선택합니다. * { margin: 0px;} 태그 셀렉터 태그 셀렉터는 같은 태그명을 가진 모든 요소를 선택합니다. 복수로도 선택할 수 있습니다. h1 { } div { } section, h1 { } ID 셀렉터 ID 셀렉터는 #id로 입력하여 선택합니다. #only { } class 셀렉터 class 셀렉터는 .class로 입력하여 선택합니다. 같은 class를 가진 모든 요소를 선택합니다. .widget { } .center { } attribute 셀렉터 attribute 셀렉터는 같은 속성을 가진 요소를 선택합니다. a[href] { } p[id="only"] { } p[class~="out"] { } p[class|="out"] { }..

텍스트의 정렬 가로정렬 .align-left { text-align: left; } .align-center { text-align: center; } .align-right { text-align: right; } .align-justify { text-align: justify; } //양쪽 정렬 내용이 든 종결 블록 요소에만 적용된다.() 인라인 요소에 적용되지않으며, 구조블록 요소에는 제대로 적용되지 않는다. 구조 블록 요소에 text-align 속성을 지정하면 그 속성값은 자식 요소로 상속된다. 세로정렬 vertical-align 속성을 쉽게 떠올릴 수 있지만, 이 속성은 부모 요소의 display 속성이 반드시 table-cell이어야 합니다. 세로 정렬이란, 정렬하고자 하는 글자를 둘러싸고 ..