개념 HTML 안의 특정 요소를 선택할 수 있는 도구 종류 전체 선택자 HTML 페이지 내부의 모든 태그를 선택 * { box-sizing: border-box; margin: 0; padding: 0; } 태그 선택자 같은 태그명을 갖는 모든 요소를 선택 a { text-decoration: none; } 클래스 선택자 .class1 { color: red; } div.class2 { // 띄어쓰기 없음. 띄어쓰기 하면 하위 선택자가 됨 color: yellow; } 빨간색 // div.class2는 div이면서 class2인 것만 변화시킨다. 변화없다 노란색 아이디 선택자 #container { display: flex; justify-content: center; align-items: center..
HTML5 에서 새로 생긴 시멘틱 요소들 : 사이트 내 독립적 구분 게시판, 블로그 본문, 매거진, 뉴스 기사 등 : 사이트 내 독립적 구분, 더 적합한 의미를 가진 요소가 없을 때 사용, 보통은 헤딩 태그를 포함함 : 문서 주요 내용과 간접적으로 연관된 부분 표현 사이드바, 콜아웃 박스 등 : Body 태그의 주요 콘텐츠가 담김 : 제목, 로고, 검색, 작성자 이름 등을 표현 : 현재 페이지 내, 다른 페이지 이동 링크 표현 메뉴, 목차, 색인 등 : 작성자, 저작권 정보, 관련 문서 내용 등을 표현 : 독립적인 콘텐츠 표현 Ex) 이미지, 삽화, 도표, 코드 등 : Figure 콘텐츠에 대한 설명을 나타냄 : 중요 표시, 하이라이트 부분 처리 : 시간의 특정 지점 또는 구간 표현, 24시간 표기법 시..
- Total
- Today
- Yesterday
- 스프링부트
- 자바트리
- dfs
- 해시맵
- 형변환
- Spring
- 자바스크립트
- 알고리즘
- 프로그래머스
- 백준
- Nest
- 이분탐색
- 정렬
- SQLD
- 스프링
- DP
- 자바dp
- CS
- BFS
- SQL
- Algorithm
- 리액트
- JPA
- 자바bfs
- Comparator
- JavaScript
- 자바
- java
- Queue
- 타입스크립트
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |