[CSS] 모듈

1. fontawesome

 

Search | Font Awesome

Font Awesome

아이콘 svg 파일을 아주 쉽게 사용가능하다. 

- 메일로 받은 코드를 <script/> 안에 넣고 

- 필요한 아이콘을 찾아 바로 코드를 복붙 하기만 하면 된다.

 

2. Live Server

 

Live Server - Visual Studio Marketplace

Live Server - Visual Studio Marketplace

- 바로바로 새로고침 되는 서버를 열어주는 vscode extension

 

3.

같은 줄 여러개 만들때 단축키 

(li>a)*5 만들고 tab키 누른다. 

<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>

 

 

4. html tag

 

div만 사용하지말고 nav ul등 의미있는 태그를 사용해보자. 

5. google font

Source Sans Pro - Google Fonts

Google Fonts

html 안에 link를 삽입하고 바로 CSS에서 적용가능하다. 

CSS 적용법도 안내해준다. 

body {
  margin: 0;
  font-family: 'Roboto', sans-serif;
}