기본 콘텐츠로 건너뛰기

라벨이 HTML/CSS JavaScript 올인원 패키지인 게시물 표시

Part03 CSS - 01

CSS / 개요, 선택자, 상속  기본문법 - 선택자 {                         속성: 속성값;                         속성: 속성값;                    } 선언 방식 - 인라인 방식                     <div style= 'color: red; font-size: 20px; font-weight: bold;' > HELLO </div>                    내장 방식 <style> div { color : red ; font-size : 20px ; font-weight : bold ; } </style>                 링크 방식 - html<link>를 이용해서 외부 문서로 css를 불러와 적용                  <link rel= 'stylesheet' href= 'css/common.css' >                 @(at)import 방식 - css에서 외부의 css를 가져오는 방식(직렬 방식이므로 시간                  지연이 생김, 대신 순서적으로 호출이 되야할때는 좋음)                     @import url ( './common2.css' ) ; 기본 선택자 - 전체 선택자 - 요소 내부의 모든 요소를 선택                      *{                     color : red ;                     }                                       태그 선택자 - 태그 이름으로 요소 선택     

Part02 HTML

HTML - 블록 레벨 요소와 인라인 요소 1. 블록요소     1. DIV, H1, P     2. 사용 가능한 최대 가로 너비를 사용한다.     3. 크기를 지정할 수 있다.     4.(width: 100%; height: 0으로 시작해서 값을 가짐)     5. 수직으로 쌓임 2. 인라인 요소     1. SPAN, IMG     2. 필요한 만큼의 너비를 사용한다.     3. 크기를 지정할 수 없다.     4. .(width: 0; height: 0;로 시작)     5. 수평으로 쌓임 태그 캐릭터셋     EUC-KR: 완성형         박 영 웅     UTF-8: 조합형         ㅂ ㅏ ㄱ ㅇ ㅕㅇ ㅇ ㅜㅇ 메타태그는  https://developer.mozilla.org/ko/docs/Web/HTML/Element/meta 로 참조 메타데이터 - BASE <base href= "./css/" > <link rel= "stylesheet" href= "main02.css" > html에 한개만 사용이므로 모든 경로에 관여됨 주의해서 사용해야함 HTML / 요소 - 콘텐츠 구분 & 문자 콘텐츠 header(<header>) - 헤더 만들때 쓰는 태그, 헤더안에 헤더를 넣을 수 없고 푸터도 넣을 수 없다. footer(<footer>) -  푸터를 만들때 쓰며 헤더와 같이 안에 헤더와 푸터를 넣을 수 없다. h1 - 한페이지에 한번만 사용 두번 사용 하면 h2로 등급을 낮춰야함 또한, h1 다음 h2 h3이런식으로 순차적으로 써야지 건너 뛰면 안된다. main(<main>) - 한 문서에 하나의 main만 사용가능 속성은 block이다. article(<article>) - 기사라고 생각하면 되고, 일반적으로 <h1>~<h6>이 있으며, <time> datetime속성으로