왕,,,,
꽤나 난이도 있는걸,,,
[Media query]
단말기 유형에 따라 화면의 가로 길이를 맞추기 위해 사용함
@media (조건) { }
@media (mid-width: 700px) {
h2{ color: red;}
}width가 700이상이라면 display:none해라,, 등등
[Font & Icon]
폰트와 아이콘이 ux에 상당히 중요하다.
구글 폰트 쓰는 법 -> 구글 폰트 들어가서 링크를 html에 넣어 주고
style 태그에다가 폰트를 넣어줘야 함.
* {
font-family: adklfadfadf;
}Font awesome에서도 무료로 글꼴 사용 가능
아이콘 -> bootstrap icons/ Favicon
[Namig convention]
class의 naming 또한 매우 중요하다.
네이밍이 길더라도 가독성 좋게 알아보게 해야 함.
form/ form--group/ form--group--input
이런 식으로
갹