Font-family
- 대부분 기본폰트 사용
- 기본폰트 : Arial, MS Trebuchet, sans-serif
font-family: Arial, "MS Trebuchet", sans-serif;
/* 폰트명에 공백이 있을경우 "" 을 해주어야 한다. */Font-family - 폰트
font-family : 궁서, 돋움;- 첫번째 폰트가 없을 시 두번째 폰트가 나온다.
word-break
- div에 width 설정 시 공백없이 영어로만 되어질 경우 해당구역을 빠져나간다. 이를 막기 위해 사용
word-break: break-all;CSS 작성할때 습관들이면 좋은 것
- 위치 작성 ( 부모도 작성 )
HTML
<body>
<div id="container">
<div id="header">
<div>
</div>
</div>
</div>
</body>CSS
div#header{
}
/*
단독으로 사용 가능하지만,
나중에 위치파악을 위에 부모도 작성해주면 좋다
*/
body > div#container > div#header{
}
/* 이렇게 사용하면 나중에 위치파악하기 좋다. */- width 작성
-> px 보다는 % 로 작성하기
이유: 모니터 화면은 다 다르기 때문에 px 보다는 % 가 변동이 적다.
정리
- ch03_id_class -> 02_mainPage.html, mainPage.css
