Today I Learn 20220523

Jiwontwopunch·2022년 5월 23일
0

TIL

목록 보기
54/92
post-thumbnail

Todo

📒 책 포스트잍 정리 ✔
📒 ReactJS 이 정도는 알아야지 ✔
📒 처음 시작하는 리액트
💻 반응형 웹사이트 포트폴리오 강의 끝 ✔
💻 HTML+CSS+JS 포트폴리오 실전 퍼블리싱 강의 ✔
🛒 알라딘에 중고서적 팔기 ✔

Error & Solution

What I learned

  1. a태그 앵커만들고 CSS 속성을 사용하여 smooth scrolling하기
html{ scroll-behavior: smooth; } 
  1. 모바일에 적용해야 할 세가지
    position 속성은 static으로
    transform 속성은 none으로
    이미지 상하로 배치하기 위해서는 float: none;
  2. 새롭게 알게 된 css 속성
    letter-spacing
  3. 커스텀 체크박스 스타일링 - 폰트어썸 아이콘 유니코드로 값 지정하기
<form>
  <input type="checkbox" id="chk1" checked>
  <label for="chk1">HTML</label>
    <input type="checkbox" id="chk2" checked>
  <label for="chk2">CSS</label>
    <input type="checkbox" id="chk3" checked>
  <label for="chk3">jQuery</label>
    <input type="checkbox" id="chk4" checked>
  <label for="chk4">UIKit</label>
</form>

폰트어썸 아이콘 유니코드로 값 지정 가능. \을 붙여줘야한다.

form label:before{
content: '\fooc';
font-family: fontawesome;

Thinking

어려워서 머리가 지끈거리던 것들도 시간이 지나면 어느새 익숙하고 쉽게 느껴진다는 점이 프로그래밍 공부의 재미와 보람인 것 같다.

0개의 댓글