10.CSS 기초 (style 태그)

웹페이지에서 JavaScript 부분만 효과를 주고 싶다면?

JavaScript부분을 div태그로 감싸자.

🤔:줄바꿈이 돼서 싫은데요?

그렇다면 span 태그로 감싸자.

<span style="font-weight:bold;">JavaScript</span>

웹페이지에 JavaScipt라는 단어가 1억개 있다면...

🤔:어떻게 하나하나 다 바꿉니까?!

CSS의 style을 이용하자!
head태그 안에 style태그를 만들어 사용해 보자.(굳이 head태그 안 아니어도 됨)

<head>
  <style>
    .js{
      font-weight: bold;
      color:red;
    }
  </style>
</head>

🤔:.js는 또 뭐지?

<span class="js">JavaScript</span>

위 코드와 같이 어떠한 태그 부분의 class를 지정하면 (위 예시에서는 class 이름을 js로 하였다) CSS style을 이용할 때 js라는 클래스 이름을 가진 부분의 style을 바꿀 수 있다.

mac chrome 태그 효과 구현
CodeKata Week2- Day4

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage