html, css 노트정리 ②

1655 단어 CSShtmlCSS

메인페이지가 index.html인 이유

  • 대부분의 웹 서버가 디폴트로 index.html을 찾아보도록 설정되어 있기 때문이다.

BEM

Font Awesome

Web Font

  • 웹 폰트를 추가하는 방법
    • link 태그
    • css에서 import (추천방법)
  • 모든 폰트를 추가하려하면 웹이 무거워진다.
  • 웹 폰트로는 구글폰트가 있다. url : https://fonts.google.com/

아이템 중앙정렬

부모 요소 {
   display : flex;
   justify-content : space-between;
}

  • justify-content로는 위와 같이 빨긴박스가 정중앙으로 오지 않는다.
  • 한단계 거쳐 주는 기법(?)을 이용하면 된다.
부모 요소 {
   display : flex;
   justify-content : center;
}
부모 요소__column {
   width : 33%;
}
부모 요소__column:first-child {
   display : flex;
   justify-content : flex-start;
}
부모 요소__column:nth-child(2) {
   display : flex;
   justify-content : center;
}
부모 요소__column:last-child {
   display : flex;
   justify-content : flex-end;
}

좋은 웹페이지 즐겨찾기