일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- CSS
- github
- Android programming
- 생활코딩
- 코딩테스트
- 안드로이드 개발
- 백준
- 백준온라인저지
- 앱 개발
- C++
- tag
- vscode
- 프로그래밍
- BAEKJOON
- selector
- android studio
- 안드로이드 공부
- web
- 안드로이드 앱
- BOJ
- 완강
- 코딩
- 앱 프로그래밍
- 앱
- 안드로이드 프로그래밍
- 웹
- 이지스퍼블리싱
- HTML
- Java
- 생활코딩 웹
- Today
- Total
목록selector (2)
*반짝이는*이끌림
* Windows 운영체제 기준으로 작성되었습니다. * vs code editor를 사용합니다. § CSS 선택자 → Click! 모든 링크, 즉 태그는 기본적으로 검은색으로, 방문한 적이 있는 링크는 회색으로, 현재 방문하고 있는 링크는 빨간색으로 수정해봅시다. 이 때, 코드를 중복으로 작성하지 않고, 동일한 값을 줄 태그들을 class라고 하는 html의 속성을 준 후, 속성의 값(이름)으로 saw를 줍니다. 이름은 원하는 것으로 바꿔도 상관 없습니다~!~! 그리고 위의 1st Grade? 2nd Grade? class의 값으로 saw를 준 "1st Grade?"와 "2nd Grade?"의 색이 회색으로 바뀐 모습을 볼 수 있습니다. class의 경우 한 번에 여러 속성이 들어올 수 있으며, 띄어쓰기..
* Windows 운영체제 기준으로 작성되었습니다. * vs code editor를 사용합니다. § CSS의 등장 → Click! CSS는 HTML과는 완전히 다른 언어이기 때문에 CSS를 사용해주기 위해서는 란 태그를 사용해주어야 합니다. 이라는 태그는 속성의 효과만 있어서는 효과를 어느 태그에 지정해야하는지 알 수 없기 때문에 앞에 적용되어야 하는 태그 + { }를 사용해 css의 효과를 지정할 태그를 선택할 수 있습니다. 위의 예시에서 css의 효과가 적용되는 태그인 a는 선택자(selector)라고 하며, 선택자에게 지정될 효과 color:red;와 text-decoration: none;를 declaration으로 부르며, color나 text-decoration는 property(속성)이라 부..