주석 / 폰트

2023. 10. 8. 23:47Html, 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'에서 확인

'Html, Css' 카테고리의 다른 글

flex  (0) 2023.10.08
선택자  (0) 2023.10.08
목록  (0) 2023.10.08
외부 스타일 / hover  (1) 2023.10.08
여백  (0) 2023.10.08