1. class와 id
- id
똑같은 div태그 안에 <div id=을 지정해주면 하나만 스타일링 가능하다. , 공백이 불가능하다.
- class
식별자이다. 여러개 요소를 선택할 수 있다. id는 두가지 요소 불가능 class는 2개 이상 요소를 사용 가능하다.
<div class="hi hello">안녕하세요.</div>
클래스 요소가 두개의 값이 들어갈 수 있다.
space를 인식하기 때문에 두개의 요소로 쪼개진다.2. style
전역속성
하나의 요소만 style을 사용하기 위해 사용한다. 테스트하거나 일시적으로 사용할 때 사용한다.
우선순위 문제로 실제로 사용은 잘 안한다.
<div style="background: #ffe7e8; border: 2px solid #e66465;">3. title
전역속성 , 말풍선 요소가 뜬다.
<div title="첫 번째 요소"></div>
말풍선 요소가 뜬다.4. lang
전역속성, lang 어느태그에서 사용할 수 있다.
읽는 사람이 이해하는 언어를 명시하는 것이다.
<html lang="ko">한국어로 작성됐다는 것을 알 수 있다.
<p lang="en">일부 태그에도 적용이 가능하다. 5. data
data-* 속성은 표준이아닌, 속성을 만들어 줄 수 있다.
데이터에 보여야 하고, 요소가 가지고 있어야 할 정보를 넣는 곳이다.
<article
id="electriccars"
data-columns="3"
data-index-number="12314"
data-parent="cars">
</article>
6. draggable
전역속성, 요소의 드래그 가능 여부를 나타내는 열거형 특성, 네이티브 브라우저 동작 방식이다.
draggable="true/false">로 사용이 가능하다.
true : 요소를 드래그 할 수 있다.
false : 요소를 드래그 할 수 없다.
7. hidden
전역속성, 주로 시각적으로 숨길 때 사용된다.
눈에 보이지 않는 hidden처리를 하는 것이다.
css의 display속성 값을 변경하면 보일 수 있다.
공부 기록