개발세발
[TIL] 220513 본문
다중선택자
결합자를 정확히 알지 못했어서 정리
https://developer.mozilla.org/ko/docs/Web/CSS/CSS_Selectors
CSS 선택자 - CSS: Cascading Style Sheets | MDN
CSS 선택자는 CSS 규칙을 적용할 요소를 정의합니다.CSS 선택자는 CSS 규칙을 적용할 요소를 정의합니다.
developer.mozilla.org
:checked
checked로 자바스크립트처럼 효과주기. 그런데 선택자가 자꾸 헷갈리고 어떻게 쓰는지 정확하게 감을 잡질 못해서 원하는대로 활용하기가 쉽지가 않다
https://developer.mozilla.org/ko/docs/Web/CSS/:checked
:checked - CSS: Cascading Style Sheets | MDN
:checked CSS 의사 클래스 선택자는 선택했거나 on 상태인 라디오(<input type="radio">), 체크박스(<input type="checkbox"> (en-US)), 옵션(<option> 요소를 나타냅니다.
developer.mozilla.org
System.out.println vs Logger 차이점
https://recordsoflife.tistory.com/281
System.out.println vs Logger 차이점 및 사용방법
1. 왜 로거인가? 프로그램을 작성하거나 엔터프라이즈 프로덕션 애플리케이션을 개발하는 동안 System.out.println을 사용 하는 것이 가장 간단하고 쉬운 옵션 인 것 같습니다. 클래스 경로에 추가 할
recordsoflife.tistory.com
radio button
radio 버튼 제대로 써보기
https://developer.mozilla.org/ko/docs/Web/HTML/Element/Input/radio
<input type="radio"> - HTML: Hypertext Markup Language | MDN
radio 유형의 <input> 요소는 보통 서로 관련된 옵션을 나타내는 라디오 버튼 콜렉션, 라디오 그룹에 사용합니다.
developer.mozilla.org
text-shadow
css로 글자에만 그림자 효과를 줄 수 있다.
다양한 색상과 번짐을 적절하게 활용하면 인스타 감성의 네온사인 효과도 줄 수 있음
https://www.codingfactory.net/10650
CSS / text-shadow / 글자에 그림자 효과를 주는 속성
개요 text-shadow는 글자에 그림자 효과를 주는 속성입니다. 기본값 : none 상속 : Yes 애니메이션 : Yes 버전 : CSS Level 3 문법 text-shadow: offset-x offset-y blur-radius color | none | initial | inherit offset-x : 그림자의
www.codingfactory.net
text shadow로 네온사인 효과
https://online-traveler.tistory.com/72
hover를 javascript로 구현
javascript로 구현할 수 있지만.. 굳이... 라는 느낌
https://ninowrite.tistory.com/62
css의 hover 를 JavaScript 로 구현해보자!
CSS 의 가상 선택자 :hover 를 사용하면 쉽게 할 수 있는 부분이지만, JavaScript 로도 구현할 수 있다. 연습을 위해서 마우스오버를 자바스크립트로 구현해 보자. 아래의 예시는 태그에 src 값을 바꾸
ninowrite.tistory.com
'코딩공부 > TIL' 카테고리의 다른 글
| [TIL] 220518 (수정중) (0) | 2022.05.18 |
|---|---|
| [TIL] 220516 (0) | 2022.05.16 |
| [TIL] 220512 (0) | 2022.05.12 |
| [TIL] 220511 (0) | 2022.05.11 |
| [TIL] 220508 (0) | 2022.05.08 |
