반응형
오늘부터는 CSS에 대해 이야기해보겠다. CSS란 Cascading Style Sheets의 약자이고 HTML 요소들이 각종 미디어에서 어떻게 보이는가를 정의하는 데 사용되는 스타일 시트 언어이다. 즉 쉽게 말해 꾸며준다고 생각하시면 편하다.
구체적인 코드의 대한 설명은 아래 코드에 주석으로 달아놓았다.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>박종현의 이력서</title>
<link rel="stylesheet" href="codelion.css">
<!--'rel' 현재 문서와 외부 리소스 사이의 연관 관계를 명시 그리고 구체적인 링크는 href-->
</head>
<body>
<footer>또 다른 아무내용</footer>
<h1>박종현</h1>
<p>HTML/CSS 개발자</p>
<footer>copyright CODE LION. All rights reserved.</footer>
<footer>아무내용</footer>
<!--실제로 footer가 여러개 있을리는 없지만 학습목표로 만들었음-->
</body>
</html>footer {
text-align: center; // 가운데 정렬
background-color: black; //글 배경색은 검은색
color: white; //글씨 색깔은 하얀색
}
//SS 기본 폼
/*(p든 h태그이든) {
text-align: center;
color: orange;
}*/
반응형
'HTML,CSS' 카테고리의 다른 글
| <멋쟁이사자처럼대학>HTML로 작성하는 포트폴리오(5) (0) | 2022.08.10 |
|---|---|
| <멋쟁이사자처럼대학>HTML로 작성하는 포트폴리오(4) (0) | 2022.08.10 |
| <멋쟁이사자처럼대학>HTML로 작성하는 포트폴리오(2) (0) | 2022.08.08 |
| <멋쟁이사자처럼대학>HTML로 작성하는 포트폴리오(1) (0) | 2022.08.08 |