2023. 10. 8. 23:47ㆍHtml, Css
▼주석 (설명글)
-태그에 대한 설명을 남기고 싶을 때 적용이 되지 않는 태그로 설명을 써놓음
-협업시 코드에대한 이해를 도와 작업이 수월하게 진행되도록 도움
▷html 주석
ㄴ<!-- 설명 -->
▷css
ㄴ /*설명*/
▼글꼴
ㄴ다른 컴퓨터에서도 폰트가 달라지지 않기 위해 웹에 저장되어 있는 폰트를 사용
ㄴ폰트 종류가 많으면 로딩이 느려지기 때문에 최대 2개정도만 사용
▷구글 웹폰트 (링크로 가져오기)
-구글에서 '구글 웹폰트' 검색
-원하는 폰트 선택
-우측 상단 Selected family 키기
-Remove Regular 400 클릭
ㄴlink에서 폰트 이름 들어가 있는 태그 복사 style에 붙여넣기
ㄴCSS에서 'font-famliy ~' 전부 복사 body에 붙여넣기
▷웹폰트 (폰트 페이스로 가져오기)
-구글에서 '웹폰트' 검색
-눈누 복사 style에 복사 후 적용하고 싶은 곳에 'font-family:~' 붙여넣기
ㄴex)
h2{font-family: 'ChosunGs';}
▼자식 선택
▷first-child
▷last-child
▷:nth-of-type(순서)
ㄴex) li:last-child{margin-right:0px;}
ㄴex) li :nth-of-type(3){margin-right:0px;}
▼계산없이 넓이값주기
▷float로 띄어서 가로값 확인하기
ㄴex) 'ul{float:left;}' 후 웹 'F12'에서 확인