7-1. id(#)와 class(.) 태그의 id와 class를 이용하여 CSS 속성을 설정할 수 있다. id는 #을 이용해 선택하고, class는 . 을 이용해 선택한다. 감이 잘 오지 않는다면 아래 코드를 차근차근 봐보자. header menu1 menu2 menu3 menu4 menu5 footer div의 id가 header인 것에 CSS 속성을 적용하기 위해 #header 라고 명시해주었다. 이처럼 id값에 따른 선택은 id값 앞에 #을 붙여준다. ul 태그 안에 있는 li 태그의 class 이름은 menu1, menu2, ... 등으로 되어있다. 이를 선택하기 위해서는 .menu1, .menu2 의 형태를 사용하면 된다. 이처럼 class값에 따른 선택은 class값 앞에 . 을 붙여준다. d..
6-1. 선택자란? 특정 태그를 선택하여 해당 태그의 속성을 변경할 때 사용한다. 보통 style 태그 안에서 선택자에 속성을 부여한다. 선택자의 자세한 사용법은 다음에 나온다. 6-2. tag 선택자 특정 태그를 선택하여 CSS 속성을 적용한다. 제목 입니다. 본문 입니다. 제목 입니다. 본문 입니다. 또 하나의 DIV 입니다. style 태그 내부를 보면 div 태그의 background-color가 #eeee33 으로 설정되고 border는 5px solid #ffd800으로설정된다. 여기서 border 속성에는 테두리의 두께, 종류, 색상을 명시해주면 된다. 위의 예시에서는 div의 테두리 두께가 5px인 #ffd800의 색을 가진 실선이 적용된다. h1 태그의 background-color는 #..
- Total
- Today
- Yesterday
- 고차함수
- 위상정렬
- 웹팩
- 최소스패닝트리
- 1급객체
- 플로이드워셜
- SCSS
- 파이썬
- MST
- html
- 알고리즘
- 백준
- 다익스트라
- CSS
- BOJ
- frontend
- webpack
- 자바스크립트
- 투포인터
- Java
- 최소공통조상
- python
- BFS
- javascript
- js
- 에라토스테네스의체
- 인프런
- heapq
- springboot
- controller
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |