바다는 비에 젖지 않는다

[CSS] CSS기초 본문

IT Technical Note/HTML | CSS

[CSS] CSS기초

Soroya 2022. 10. 7. 18:19
728x90

HTML 부모-자식 관계 

  • 빨간색 <div>안에 초록, 파란 <div>가 존재한다. 이때 빨간 <div>를 중앙으로 옮기면 그 자식 관계인 초록, 파란 <div>도 같이 중앙으로 가게된다.(박스를 옮기면 안의 내용물도 함께 옮겨지는 것과 같은 원리)
  • 같은 원리로, 초록 <div<의 글씨색을 바꾸면, 나는 버튼1의 글씨색도 바뀐다.

CSS기초

  • .html 파일 내에서 작성할때는 <head> ~ </head> 안에 <style> ~ </style> 로 공간을 만들어 작성한다
  • mytitle라는 클래스를 가리킬 때, .mytitle { ... } 라고 써줘야 한다.

CSS기본 property

배경관련
background-color
background-image
background-size

사이즈
width
height

폰트
font-size
font-weight
font-family
color

간격
margin
padding

 자주 쓰이는 CSS property

h1
h5

background-image
background-size
background-position

color
width
height
border-radius
margin
padding

 

 

 

728x90

'IT Technical Note > HTML | CSS' 카테고리의 다른 글

[CSS] Flexbox  (0) 2022.10.07
[CSS] Bootstrap  (0) 2022.10.07
[CSS] 웹페이지에 Google font 이용하기  (0) 2022.10.07
[CSS] margin을 이용한 중앙정렬  (0) 2022.10.07
[HTML] HTML 기본 개념  (0) 2022.10.07
'IT Technical Note/HTML | CSS' Related Articles more