Coding/CSS

Color/Font Properties

민톨이 2023. 12. 31. 18:19
728x90

Hex codes

 ex) h1 {

  color:#5D3891

 }

 


background-color

color : h2태그의 글자색 변경

background-color : h2태그의 배경테두리색 변경


Font properties

Font Size

1px : 1/96th inch

1pt : 1/72nd inch

1em : 100% of parent - 상대적인 크기

1rem : 100% of root 

 

Font Weight 

글꼴 두께

normal/bold : Keywords

lighter/bolder : Relative to parent 

number : 100-900

 

Font Family

글꼴 이름+ 쉼표 + 백업 일반 글꼴

h1 {

  font-family: Helvetica, sans-serif

}

 

h2 {

  font-family:"Times New Roman",serif

}

 

Text Align

텍스트 정렬

text-align: center/right/left/start/end

 

'Coding > CSS' 카테고리의 다른 글

class / id 선택자 우선순위 (헷갈려 !!)  (1) 2024.01.02
ol / li 색 부여  (0) 2024.01.01
CSS 기본 속성(padding/margin)  (0) 2024.01.01
css selectors(class & id & universal)  (0) 2023.12.31
Inline / Internal / External 차이  (0) 2023.12.31