[CSS] id와 class

자 여러분 여러분에게 아주 기가막히고 코가막힌 css를 알려드리겟습니다.

어떤사람은 css 그거 쉽지

이럴꺼고

어떤사람은 css 으.. 복잡해

이럴 텐껀데

제가 알려주는건 존나쉽습니다. 조 ~00 온나

본론으로 들어가겠습니다.

먼저 CSS를 하려면

1. id - #

2. class - .

이정도는 기본으로 숙지해놓으셔야 합니다.

이제 html 코드와 css 코드를 같이 겸해서 보여드릴겁니다.

- id -

HTML

<body>
  <div id="test"></div>
</body>

CSS

#test{

}

- class -

HTML

<body>
  <div class="test"></div>
</body>

CSS

.test{

}

이정도의 예시면 다들 이해하셧나요??

HTML에서 id="test" 라고 주었으면 CSS에서는 #test 라고 한뒤에 소스를 작성해야합니다.

class도 위와 동일한 방법입니다.

또 id와 class를 안주고도 주는방법이 있습니다.

바로 경로로 지정해주는거죠.

body -> article -> section

이 경로에 css를 적용해주고싶다!

하시다면

HTML

<body> 
  <article> 
   <section> 
   </section> 
  </article>
</body>

1. CSS

body article section{

}

2. CSS

article section{

}

3. CSS

section{

}

이와같이 방법은 어떻게하냐에따라서 다릅니다.

이해하시겟나요?

이해가 안되신다면 댓글남겨주세요!

친절히 답변해드립니다 ~~

[CSS]CSS로 드롭다운 메뉴를 제작하자!! 1탄 (0)	2017.02.14
[CSS] display! 디스플레이! 디~~스! 플레이! (0)	2016.06.07
[CSS] z-index 2-2 ( 외국문서 ) (0)	2016.04.01
[CSS] 위치를 지정하자! position , z-index 2-1 (0)	2016.03.20
[CSS] width, height, margin, padding 기초를 튼튼히 ! (0)	2016.03.17

티스토리툴바