TIL - 52
기호 이미지 사용가능 : 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;
Author And Source
이 문제에 관하여(TIL - 52), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@wlgus5977/css저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)