갓비니

<JavaScript> 03. CSS / style attribute, Tag, 선택자 본문

Programming/JavaScript

<JavaScript> 03. CSS / style attribute, Tag, 선택자

갓비니 2020. 5. 1. 23:34

1.

HTML이었다면 

<body style = "background-color:black;color:white;> // 배경은 black, fonts는 white

일텐데

JS에서는?

 

2. style 속성 (HTML의 문법)

<body style = "속성">

3.

문장, 단어를 감싸는 TAG (아무런 표시는 없지만 코드 상에서 그 문장을 구분해줌)

<div></div> : 줄바꿈이 되면서 구분

<span></span> :  줄바꿈 없음

 

4.

<style></style> :

<script></script>가 자바스크립트의 시작과 끝을 구분지어주는 것이라면

이것은 CSS를 구분지어줌.

 

- 태그라면(<h1></h1>과 같은 것을 태그라고 함 )

<style>내에서 그냥 span{ color:blue } 라고 할텐데

 

- 클래스는 <style>내에서 .js{color:yellow; font-weight:bold}

 

- ID는 <style>내에서 #first{color:green;}

 

 

 

5. 

클래스는 grouping (동일한 것들을 그룹화한다) : 광범위한 효과

ID는 identifying (식별용. 고유, 단 한번만 사용 가능) : 그 중에서도 찝어서 효과

 

 

예시

우선 작동 순위
1)ID (#)

2)CLASS (.)

3)TAG ( )

'Programming > JavaScript' 카테고리의 다른 글

<react.js> #1 리액트의 특징  (0) 2020.05.12
<JavaScript> 04. CSS 선택자 : TAG, ID, CLASS  (0) 2020.05.02
<JavaScript> 02. Operator, properities, Methods, Variable  (0) 2020.05.01
<JavaScript> 01. 기본 / Event / Console  (0) 2020.05.01
<HTML> 06. web site  (0) 2020.04.28
'Programming/JavaScript' Related Articles more