Front-end/CSS3
-
2. UnitsFront-end/CSS3 2020. 6. 6. 15:56
/*대부분의 브라우저는 1px을 1/96인치의 절대단위로 인식*/ body { text-align: center; } div { font-size: 14px; font-weight: bold; padding: 2em; /* 14px * 2 = 28px */ background-color: rgba(255, 0, 0, 0.2); } body { font-size: 14px; text-align: center; } div { font-size: 120%; /* 14px * 1.2 = 16.8px*/ padding: 2em; /* 16.8px * 2 = 33.6px */ } body { font-size: 14px; text-align: center; } div { font-size: 1.2em; /* 14p..
-
1. SelectorFront-end/CSS3 2020. 6. 6. 15:56
/*셀렉터 {프로퍼티: 값; 프로퍼티: 값}*/ h1 { color: red; } p { color: blue; } /*복수개의 셀렉터를 연속하여 지정 가능*/ h1, p { color: red; } /*전체 셀렉터, HTML 문서 내의 모든 요소를 선택한다. head 요소도 포함된다.*/ * { color: red; } /*태그 셀렉터. 지정한 태그명을 가지는 요소를 선택한다.*/ /*ex) 로 선택된 모든 요소들이 포함된다.*/ p { color: red; } /*ID 셀렉터. 중복될 수 없는 id 어트리뷰트 값을 지정하고 일치하는 요소를 선택한다.*/ /*paragraph 1*/ /*paragraph 2*/ /*이때에 paragraph 1 만 빨간색으로 표시된다.*/ #p1 { color: red;..