#10 블럭 요소와 인라인 요소

/* 공통으로 쓰는 클래스 = 공통 클래스 */
/* 2개이상 쓸 경우 = 다중 클래스 */
.red{color:red;}
.title{font-size:54px;}
.text{font-size:36px;}

<div id="head" class="normal"></div>
<div id="foot" class="normal red"></div>

<h3 class="title red">제목입니다.</h3>
<p class="text red">설명입니다.</p>

글자크기
예전에는 컨텐츠 글자 크기를 12px로 썻다.
지금은 14~16px로 쓴다.
왜?
모니터 해상도의 변화에 따라 글자 크기도 커졌다.
1280x1024
1920x1080

네이밍(레이블)
네이밍 : 이름 주는것
기획자, 디자이너, 퍼블리셔, 개발자
1. 기획/설계(기획자) : 메뉴구성도, 화면설계서(스토리보드), 요구사항정의서
2. 디자인 : 
3. 퍼블리싱 : 
4. 개발
5. 검수/이관
데이터베이스 설계
상품이들어갈 공간을 만드는 작업
회원정보가 들어갈 공간..
프로그램 개발 준비
게시판 : 제목, 작성자, 이메일, 내용, 비밀번호, 댓글
1. 협업을 위해서 한글사용 x
2. 웹서버에서 한글 클래스, 아이디, 프로그램 네이밍 지원이 안되는 서버가 있음 x

html, css < js(10배 이상 어려움)
영상 제작 : js 사용


html 요소
1. block 요소
margin, padding이 상 하 좌 우 먹힌다.
<div>
<dl>, <dt>, <dd>
<h1>~<h6>
<ul>, <ol>, <li>
<table>
<p>
html5 태그
header, nav, section, footer, aside, article

2. inline 요소
margin, padding 주었는데 좌, 우만 먹히고 상, 하가 안먹히면 inline 이다.
<a>
<span>
<em>
<strong>
<img>
<video>