🌎 CSS의 역사 … 🌎

CSS의 역사를 살펴보며 어째서, 어떤방식으로 발전하게 되었는지 알게된다면 !

앞으로도 계속 발전할 웹 세상의 트렌디한 개발자가 될 수 있을 것이라 생각합니다. 😎

0. CSS가 없던 시절이 존재 ..

<aside> 💡

최초의 HTML (1993년)

입자물리연구소

</aside>

이후에 스타일을 입력하기 위해서 HTML태그에 직접 스타일을 입력하는 inline-style을 사용

<p>호기심스 <strong style="color:red; text-decoration:underline">완전하게</strong>재밌다.</p>

inline-style 을 이용해 정적인 HTML 페이지에 활기를 불어넣을 수 있었지만 …

<p>호기심스 <strong style="color:red; text-decoration:underline">완전하게</strong>재밌다.</p>
...
<p>스터디는<strong style="color:red; text-decoration:underline">너무나도</strong>즐겁다.</p>
...
<p>CSS는<strong style="color:red; text-decoration:underline">매우</strong>흥미롭다.</p>

• 빨간색 색상과 밑줄을 추가하고싶다면 매번 똑같은 코드를 작성해야해서 가독성, 유지보수성이 매우 떨어지게 된다.
  • 가령 색상을 다른 색상으로 변경하고 싶다면 일일이 하나하나 찾아서 바꿔줘야하는 문제가 생긴다.

1. CSS

• 1996년 HTML에서 스타일을 분리 결정

<p>호기심스 <strong>완전하게</strong>재밌다.</p>
...
<p>스터디는<strong>너무나도</strong>즐겁다.</p>
...
<p>CSS는<strong>매우</strong>흥미롭다.</p>

<style>
strong { color: red; text-decoration:underline }
</style>

CSS는 작성된 순서가 아니라, CSS Rule이 가지고 있는 고유의 **명시도(Specificity)**에 따라서 우선순위가 다르게 적용되도록 설계되었다.