본문 바로가기
AI 관련/개발일지

css 기초

by 팀장일기 2021. 7. 25.

오늘 배운 태그 

<div> </div> : 박스 형태로 묶어주는것 

 

 

css 사용하는 방법

<head>~</head> 안에 <style> ~</style> 로 만들어 사용한다. 

mytitle 라는 클래스 가리 킬 때, .mytitle {.....}  (쩜 마이타이틀) 쩜 꼭 쓰기 

 

 

<body>~ </body> 안에서 <h1> </h1> 가 있다면 

<h1 class= "mytitle" >~ </h1> 

으로 클래스 지정해서 위 head 안의 style 태그로 변화를 주면 된다. 

 

배경관련 태그 

background- color

background- image

background- size

 

 

사이즈 

width

height

 

폰트

font-size

font-weight

font-famliy

color

 

 

간격

margin : 시계방향으로 간격을 줄수도 있다. (ex. 30px, 0px, 30px, 30px = 위,우,아래,좌 여백)

padding   : 강제성을 띈다.

 

 

댓글