목록css (2)

코딩,해볼까

[CSS] 내가 보려고 만든 각종 요소들 정렬하는 방법

display: flex 에서 정렬할 때 https://studiomeal.com/archives/197 1) justify-content (수평방향) - flex-start (기본값) : 아이템들을 시작점으로 정렬합니다. flex-direction이 row(가로 배치)일 때는 왼쪽, column(세로 배치)일 때는 위. - flex-end : 아이템들을 끝점으로 정렬합니다. flex-direction이 row(가로 배치)일 때는 오른쪽, column(세로 배치)일 때는 아래. - center : 아이템들을 가운데로 정렬합니다. - space-between : 아이템들의 “사이(between)”에 균일한 간격 - space-around : 아이템들의 “둘레(around)”에 균일한 간격 - space-e..
Front 2022. 7. 13. 17:28
[CSS] 네이밍 규칙과 선택자 / id, class / div, span

1. 네이밍 규칙 naming methodology : Case Styles / 사람들이 여러 용어들로 정리하고 있어서.. 1) kebab case (케밥 케이스) : wrap-container 대시, 하이픈( - )을 사용한다. 원칙 2) pascal case (파스칼 케이스) : Wrap 첫 문자를 대문자로 표현한다. 3) snake case (스네이크 케이스) : wrap_container 언더바, 언더스코어( _ ) 를 사용한다. 4) camel case (카멜 케이스) : wrapContainer 첫 문자를 제외하고 단어 첫글을 대문자로 표기한다. 5) BEM (Blcok, Element, Modifier) : .header__navigation—navi-text 이름에서 볼 수있는 요소 3가지..
Front 2022. 6. 1. 00:33
이전 Prev 1 Next 다음