TIL150 CLASS 선택자와 ID 선택자 class id 자유롭게 이름 붙임 자유롭게 이름 붙임 동일한 값을 갖는 element는 많음 문서 내에서 단 하나의 element가 유일한 값을 가짐 element가 여러 값을 가질 수 있음 element는 단 하나의 값을 가짐 스타일의 분류(classification)에 사용 특정 element를 이름 붙이는 데 사용 여러개의 CLASS 값을 갖는 ELEMENT 공백(whitespace)를 이용해, 한 element에 여러 class를 지정할 수 있음 h1 class="impact red" Hello world /h1 .impact { font-size: 2em; font-weight: bold; } .red { color: red; } LEARN YOURSELF: CSS 레이아웃 & Box Mode.. 2020. 2. 13. HOW TO USE CSS? CSS를 HTML에 적용하는 세가지 방법 inline HTML 내부에 stylesheet 작성 HTML 외부에 stylesheet 작성 1. INLINE HTML의 특정 태그에 직접 style을 적용 h1 style="color: red; font-style: italic" Hello world h1 h1태그에 style이라는 속성을 부여해서 적용 색상은 빨간색, 스타일은 기울임꼴임을 명시 2. HTML 내부에 STYLESHEET 작성 태그 이용 보통 태그 안에 삽입 태그를 선택하는 규칙(Selector)에 따라 일괄 적용 head style h1 { color: red; font-style: italic; } /* 모든 h1 태그에 빨간색, 기울임꼴을 적용 */ /style /head 3. HTML 외.. 2020. 2. 13. HTML basic functions *div 한줄씩 공간 차지 *span 컨텐츠 크기만큼 공간 차지 *img 닫는 tag가 없다. ex) * *현재 창에서 페이지를 실행 시킨다. * *target => 새로운 창에서 페이지를 실행한다. *radio - checkbox 차이점. *radio button => pick only one option *radio 그룹 설정을 안해주면, 둘다 선택이 된다. ex) 그룹이 달라서 둘다 선택 가능하다. type= radio name="option1" type= radio name="option2" 둘중 하나만 선택된다. The same group type= radio name="option1" type= radio name="option1" *checkbox => pick multiple options.. 2020. 2. 13. prev 1 ··· 5 6 7 8 9 10 11 ··· 50 next