일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- Vue3
- 코딩공부
- CSS
- 사용하는 이유
- 깃
- 코딩초보
- 리액트
- 비동기
- React Native
- redux
- async
- 자바스크립트
- useEffect
- 타입스크립트
- html기초
- git
- SasS
- 리덕스
- scss
- 리액트 네이티브
- 프론트엔드
- http
- react-router
- JavaScript
- 코딩기초
- 코린이
- react
- TypeScript
- 참조자료형
- 코딩독학
Archives
- Today
- Total
목록id와class (1)
맨 땅에 프론트엔드 개발자 되기
코딩독학) HTML 태그 ID와 CLASS
HTML 문서는 보통 HTML 태그로 문서 구조를 짠 뒤에 CSS로 HTML 문서에 디자인 속성을 넣어주고, JAVASCRIPT로 동적 구현을 하는 시스템으로 이루어져 있다. 보통 확장자를 .html .css .js 로 문서를 3개 만들어 css파일과 js파일을 html파일과 연결시켜 주는데, css파일과 js파일에서 html 문서의 어떤 것을 선택해 속성을 지정해주고 싶을 때 id와 class가 필요하게 된다. 말로 설명하려니 어렵네.. 바로 예제를 보자. 예제 연습 div로 지정된 4개의 네모가 오른쪽 브라우저에 표시된다. 4개의 div에는 class가 지정되어 있고, 맨 마지막 div에만 id가 지정되어 있다. example.css 문서를 보면 background 컬러가 지정되어 있는데 각기 다른 ..
코딩 공부 일지/HTML5
2021. 9. 19. 21:59