[멋쟁이사자처럼 프론트엔드 TIL] 텍스트 링크, 호버(커서 올리면 색바뀜)

[발표 듣는 도중 알게된 개념들]

<a href 링크> 링크 걸 텍스트 </a>

<p>깃허브 주소</p>
<p><a href="https://github.com/durumi922/" 
	target="_blank" >https://github.com/durumi922/</a></p>

-> 텍스트에  링크 걸 수 있는 태그
- 발표 듣는 도중에 바로 내 웹사이트 깃허브에 적용했다. 굉장히 유용했다.

:hover 
/* 텍스트 위에 마우스 커서를 올리면 색이 변함 */

-> color 와 비슷한데 텍스트 위에 마우스 커서를 올리면 색이 변함
- 그렇게 많이 쓸 것 같진 않지만 color만 알고 있던 나에게 새로운 방식의 색입히기였음.

:hover 예시

/* "호버링" 중인 <a> 요소 선택 */
a:hover {
  color: orange;
}

예제

/*html*/
<a href="#">이 링크를 가리켜보세요.</a>

/*css*/
a {
  background-color: powderblue;
  transition: background-color 0.5s;
}

a:hover {
  background-color: gold;
}

- 평소라면 예제 찾아볼 생각조차 안했을 건데 글 작성을 위해 찾아본 내가 대견함. 확실히 공부에는 도움이 될 것 같음.

---

오늘 멋사에서 A팀 발표를 들으면서 알게된 개념들을 정리했다. 발표를 들어보니 정보학과 애들이 너무 기깔나게 만들어서 기가 죽었다. 우리 학과도 질수 없다는 생각이 들었다. 다음 발표에서는 더 많은 개념들을 알아가기 위해 더 잘 집중해서 들어야겠다고 느꼈다.