[CSS] CSS 실습 환경 구성

CSS 실습 환경 구성

CSS Reset CDN

홈페이지 접속

https://www.jsdelivr.com/package/npm/reset-css

코드 복사

reset-css (5.0.1), /npm/reset-css@5.0.1/reset.min.css 의 해당 코드를 복사한다.

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/reset-css@5.0.1/reset.min.css">

코드 이동

주의사항은 reset-css는 적용하는 main.css 위에 붙여넣기 해야한다.

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <title>GitHub</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/reset-css@5.0.1/reset.min.css">
    <link rel="stylesheet" href="./main.css">
</head>
<body>
</body>
</html>

Codepen

codepen 공식 홈페이지 : https://codepen.io/

웹 상에서 HTML, CSS, Javascript를 사용해 볼 수 있다.

Emmet

emmet 문법 공식 홈페이지 : https://emmet.io/

복잡한 문법을 손쉽게 사용할 수 있게 해준다.

참고

패스트캠퍼스(박영웅 강사님) : 올인원 패키지 : 프론트엔드 개발 with React.js

https://heropy.blog/2019/04/24/html-css-starter/

개발자님들 덕분에 많이 배울 수 있었습니다. 감사의 말씀 드립니다.