CSS

CSS(Cascading Style Sheet)

“웹 문서(HTML)의 스타일을 꾸며주는 스타일 시트의 언어”

1. HTML안에 선언하는 방식

1. Inline
   • HTML 태그 안에 적용하는 방법으로 다른 css파일에 적용한 것보다 먼저 적용된다.

<p style="color:red;font-size:8px;">

1. Internal
   • style태그로 지정하는 것으로, 별도의 css파일을 관리할 필요가 없으나 구조와 스타일이 섞여 유지보수가 어렵다.

    <style>
    p {
      color:red;
      font-size:8px
    }
    </style>

1. external

• 외부파일(.css)로 지정하는 방식으로 여러 개의 css파일을 분리할 수 있다.

<link rel="stylesheet" href="style.css" />

1. 선언방식에 따른 순위

inline>internal=external

2. 선택자(Selectors)

선택자란, HTML에서 어떤 태그들을 고를지를 규정하는 문법이다.

• * : 모든 태그를 선택

* {
  color: green;
}

• Tag : 태그명을 기반으로 선택

li {
  color: red;
}

• #id : id를 기반으로 선택

<li id="special" > hello<li > #special {
  color: pink;
}

• .class : 클래스명을 기반으로 선택

<div class="text" > world</div > .text {
  font-size: 18px;
}

• [ ] : [ ]이 존재하는 element들을 선택

<a href="naver.com" > Naver</a > a[href] {
  color: purple;
}

• css