본 포스팅은 class101의 제주코딩베이스캠프 강의를 듣고 개인 공부를 위해 정리한 것입니다.
CSS
"HTML = 뼈대, CSS = 살"
Cascading Style Sheet (캐스캐이딩 스타일 시트)
캐스캐이딩 : 계단식, 위에서 아래로 흐르는
스타일 시트 : 글꼴의 크기, 모양, 컬러, 문단 설정 등 미리 정의해 스타일로 만들었다가 웹 문서의 본문에서 그 스타일을 참조하여 사용하는 기능
- 기본 내용
<html>
<head>
</head>
<body>
<h1>제목입니다.</h1>
<p>문단입니다.</p1>
</body>
</html>- 여기서 스타일을 줘 보자! 제목을 빨갛게 🍎
<html>
<head>
<style>
h1{
color:red;
}
</style>
</head>
<body>
<h1>제목입니다.</h1>- 이번엔 Facebook 처럼 만들어보자
<html>
<head>
<style>
h1{
background-color: #2851A3;
color:white;
}
</style>
</head>
<body>
<h1>Facebook</h1>
<p>문단입니다.</p1>
</body>
</html>홈페이지를 똑같이 만드는 것을 "클론 코딩(Clone Coding)" 이라고 한다
한 발짝 두 발짝 개발자의 길로