오늘 낮에는 갑자기 고용센터에서 연락이 와 상담을 받으러 간 시간 때문에 크게 한 일이 없게 느껴진다. 상담 후 잠시 메인 페이지를 만지작 거리다 보니 저녁 먹을 시간이었고 저녁 시간에 팀원분들과 현민님이 만드신 메인 페이지를 구경하면서 회의를 하다보니까 캠프 파이어 시간이 됐다. 그래도 한 게 없는 것은 아니니 오늘 배운 것을...(더보기)
페이지를 만들다 보니 html 구조가 궁금해져서 이것 저것 구글링 하게 된다.
오늘의 신나는 구글링
<p id=""></p> // <p class=""></P> 태그를 적다보니 클래스와 id 값의 차이가 궁금해졌다.
이름을 불러오는 방식
css에서 클래스를 불러올 때는 클래스명 앞에 마침표(.)를 찍어주고, 아이디를 불러올 때는 아이디 값 앞에 샾(#) 표시를 해준다.
중복 사용 여부
클래스는 중복 사용이 가능하며, 동일한 클래스명을 페이지의 여러 곳에 사용해도 무방하지만 아이디 값은 한 요소에 한 아이디만 가능하다.
여러가지 스타일링을 한꺼번에 적용해야 할 때는 클래스를 사용, 한가지만 적용하고 싶을 땐 아이디 값을 사용.
비쥬얼 스튜디오를 사용하는 중인데 html, css를 수정 할 때 마다 웹창을 새로고침해서 확인해야하는 게 너무 번거로웠는데 유튜브에서 발견한 꿀 프로그램 발견.
유튜브 컨텐츠 자체가 좋아서 링크를 남긴다.
https://youtu.be/bS9yTI2fC0w
오늘 헤더를 만들면서 배운 텍스트 css
text에 그림자 주는 태그
->text-shadow: npx npx npx color;
text에 테두리 주는 태그
->text-shadow: -npx 0 color, 0 npx color, npx 0 color, 0 -npx color;