방법 1. 그냥 붙여넣기 html-css-js.com/html/character-codes/icons/ Icons and Symbols - 𝗛𝗧𝗠𝗟 𝗖𝗛𝗔𝗥𝗔𝗖𝗧𝗘𝗥 𝗖𝗢𝗗𝗘 𝗣𝗜𝗖𝗞𝗘𝗥 Search: ➤Clickto copy Boy Baby Girl Man Woman Old Man Old Woman Alien Monster Man Health Worker Woman Health Worker Man Student Woman Student Man Judge Woman Judge Man Farmer Woman Farmer Man Cook Woman Cook Man Mechanic Woman Mechanic Man Factory W html-css-js.com 😛 위 사이트에선 그냥 하단에서 위 코드를 복사해..
굉장히 기초적인 사항이지만, 코딩을 안하다보면 이것조차 까먹게 된다... 나를 위해, 또 다른 코린이를 위해 글을 쓴다.. 1. 구글 폰트에 접속한다. https://fonts.google.com/ Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 2. 마음에 드는 폰트를 선택한다. 3. 원하는 스타일을 골라, [Select this style]을 누른다. 4. 우측 사이드에 담긴 후에, [Embed]를 누른다. 5. Embed 안에 있는 코드를 적용한다. Embed 안에 있는 코드를 카피하여 적용하고자 하는 곳에 적용한다. - HTML 이라면 태그를 이용하고, - CSS에서..
사용 언어 : HTML, CSS 개발 환경 : VSCode HTML none CSS 1. flex는 BOX 형식에서만 적용되는가? .find .find__header { display: block; /* header의 모든 요소를 block 형식으로 해야지, space-around 적용. flex는 BOX 형식에서만 적용되는 걸까? */ } 2. BOX 색상 채우기 : padding + bg-color 채우기 3. 가운데 정렬 하기 .chat__write { position: fixed; bottom: 50px; width: 80%; left: 0; right: 0; margin: 0px auto; /* fixed가 적용된 상태에서 가운데 정렬하는 방법 마진 0, atuo | left, right 0 (..
사용 언어 : HTML, CSS 코드 편집기 : VSCode HTML 1. font awesome (fontawesome.com/icons/) 1. fas : Solid (채워진 형식) 2. far : Regular (일반적으로 제공하는 형식) 3. Sizes : fa-2x, 3x, 5x, 7x, 9x CSS 1. 동시 적용은 .(dot) / 상속된 것은 (space) .friend__avatar.g-avatar { width: 70px; } .friend__avatar g-avatar { width: 70px; } 2. 폰트 자체 색상이나 아이콘 크기를 바꾸려면 .friend__now-listening i { font-size: 12px; color: #52c279; } .friend__now-list..