TIL - 52

chloe·2021년 6월 30일
0

Today I Learned

목록 보기
26/42
post-thumbnail

기호 이미지 사용가능 : https://fontawesome.com/v5.15/icons?d=gallery&p=1

css 컬러 이쁘게 매치해주는 사이트: https://material.io/resources/color/#!/?view.left=0&view.right=0&primary.color=B39DDB

이미지 색깔 따오는 법 : https://html-color-codes.info/colors-from-image/#

명시적 class 네임 하는 법 : https://tailwindcss.com/

와이어 프레임 보면 도움되는 것 : 구글에 wireframe design examples 쳐보기

css에 부모요소에 있어야하는 것들

  • display:flex
  • flex direction: column or row(기본값)

class name을 한번에 두개의 태그로 만드는법?

  • 스페이스로 띄어쓰기 하면 된다.
  • <class="row w10>
  • 그러면 css에서 .row 와 .w10 따로 사용 가능하다.

Flex:glow, shrink, basis

  • Grow 늘린다 / shrink 줄인다 / basis 기본크기
  • shrink 는 잘 안쓰인다 대신 @media 가 많이 쓰인다

수직정렬, 수평정렬

  • content의 수직정렬: justify-content
  • content의 수평정렬: align-item

css적용할때 기본적으로 * 에 하는 것들

  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border-style: none;
profile
Why not?

0개의 댓글