CSS(Cascading Style Sheets)

HTML문서가 실제 표시되는 방법을 기술하는 언어
직역시'우선순위가 있는 스타일 시트'로 상위 엘리먼트 스타일 속성이 하위 엘리먼트에 적용되는 특성을 나타냄

적용방법

1.tag 내 직접 작성(👎🏻)

tag 내 'style'이라는 attribure 명으로 작성가능,
가독성 유지보수 안좋음 --> 지양할것

<h1 style="color: red;">FRONTEND 101</h1>

2.style tag(👎🏻)

HTML 파일내 style태그를 만들어 작성
편하지만 유지보수에 적합하지 않음

<style>
 h2 {
  color: #408090;
 }
</style>

3.css파일에 작성(👍🏻)

.css 파일을 따로 분리하여 작성하는 방법
유지보수에 적합
cf)HTML 내에 css연동하는 태그 필요(아래)

<link href="index.css" rel="stylesheet" type="text/css" />

작성법

HTML 내 tag명, class명, id명 중 하나를 selector(선택자) 로 골라 작성

#profile {
  border-width: 1px;
  border-color: black;
  border-style: solid;
  text-align: center;
}