본문 바로가기
HTML \ CSS

[HTML/CSS] 기본기 다지기

by 딩박사 2022. 9. 1.
반응형

* 본 포스팅은 필자가 개인적으로 학습한 내용 정리 및 리뷰를 위해 포스팅합니다.


HTML/CSS 코드 작성에 대한 기본기 복습 시간을 가져보자

● h1태그와 p태그

 

 

ol태그와 li태그

 

 

● 이미지 가운데 정렬

 

 

● 글자 설정

 

▲ font-size속성으로 글자크기 조절

font-family 속성으로 글자의 폰트설정

color 속성으로 글자 색 설정

letter-spacing 속성으로 자간 설정

text-align: center 속성으로 가운데 정렬

 

■ 글자 굵기 조절

 

▲ font-weight 속성을 이용하여 100~900까지의 굵기를 조절할 수 있다

(<strong></strong> 태그로 감싸는 방법도 있다.)

 

 

 

● a태그의 밑줄을 없애는 방법

 

 

결론

자주 사용하는 태그와 스타일링을 복습하는 시간을 가져보았다.

수도 없이 많은 것을 외우기는 힘드나 이런 기능이 있다라고만 공부하자

(구글링 최고!!👍)

 

 

 

반응형

'HTML \ CSS' 카테고리의 다른 글

[HTML/CSS] <div> 상자 배치  (0) 2022.09.06
[HTML/CSS] Selector  (0) 2022.09.02
[HTML/CSS] 코드 작성 Tip  (0) 2022.08.31

댓글