071224 TIL

css style 속성 

태그에 css 를 적용 할려면 style 이라는 속성을 사용 한다 .

 

<div style="...">

 

</div>

 

css 코드 추가 , 

<div style="color: #fefefe">

'''

</div>

 

여러가지의 Css 속성을 사용할때는 세미콜른 ; 을 쓴다 

<div style="color: #272928; background-color: #eeeeee">
   ...
</div>

 

색상은 hex  16진수로 표현한 값 

 

 

픽셀  px 

picture element  화소 , 

 

글꼴 ㅣ

font-family: Poppins, 'Noto Sans KR', sans-serif

sans-serif or serif 를 쓰면 브라우저가 알아서 적용해준다 

 

 글자 크기 

font-size: 20px 

 

글자굵기 

font-weight:100

100에서 900 까지 쓴다 

 

너비

width:500px

 

높이

height:300px

 

안쪽 여백 

padding:10px 

 

세로 10px, 가로20px

padding:10px 20px 

 

바깥여백 

margin: 10px  세로가로 10px

 

세로 10px, 가로자동 알아서 채워넣기 

margin:10px auto 

 

 

margin , padding 이 헷갈린다 ..