22-02-04 html, css 공부

Jessie H·2022년 4월 12일
0

임시저장 글로 저장만 해두고 올리지 않아 지금이라도 올리는 글ㅎㅎㅎ

Span, P 태그

Span

인라인 요소
자기에게 할당된 만큼만 영역 차지
컨텐츠, 말머리 등 작성할 때

P

블록 요소
문단, 긴 글(콘텐츠의 내용) 작성할 때 쓰는 태그
샘플 문장: Lorem 작성하면 자동으로 예시 문장 뜸

font-style

text-indent

들여쓰기

font-weight, font-size, 폰트 색상

font-weight: 폰트 굵기
font-size: 폰트 크기
color: 폰트 색상

p 태그 중 특정 태그 선택하는 법

p:first-child
p 태그 중 첫번째 요소 선택

p: last-child
p 태그 중 마지막 요소 선택

p: nth-child(번호입력)
입력한 번호에 해당하는 요소 선택

글자 기울이기 및 밑줄

font-style: italic;
text-decoration: dotted red underline;
(점선, 빨간색, 밑줄)

폰트 변경하는법(with. google fonts)

  1. 구글 폰트 접속
  2. 원하는 폰트 선택(select this style 선택)
  3. View your selected style 클릭(큐브 모양)
  4. 링크 부분 복사하고 head 부분에 붙여넣기
  5. 사용할 태그의 css에 아래 것 복사하여 붙여넣기

profile
코딩 공부 기록장

0개의 댓글