HTML, CSS

Git hub, Icons, Font, Reset

_션샤인 2024. 7. 22. 17:00

Git hub : Basically upload the list of changes

Git : Keep tracking of the changes

​

 

make '.gitignore' file. (name should be .gitignore)

-> make not to display specific file.

​

  1. Making Base Document (index.html)
  2. -> short code (!+enter)
  3. <!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Document</title>

</head>

<body>

 

</body>

</html>

​

맨 아래 위치한 </body> 위에 붙여넣기 할 코드

<script

src="https://kit.fontawesome.com/dc9d125c68.js"

crossorigin="anonymous"

></script>

​

​

making icons bigger

fa-lg 붙이기

eg. <i class="fas fa-battery-full fa-lg"></i>

https://fonts.google.com/

@import 해서 맨 위에 붙여넣기

<body> 에서 font-family 불러와야함.

​

​

 

Reset css

​

  1. make file named 'reset.css'
  2. https://cssdeck.com/blog/scripts/eric-meyer-reset-css/
  3. @import a file from styles.css -> @import "reset.css"