css -속성 ( 폰트/ 텍스트/ 목록/ 표 )

 

 

글꼴 지정할 때 모든 사람의 컴퓨터에 있는 글꼴로 지정필요

웹 폰트 사용. 상대방이 폰트를 다운로드해서 사용할 수 있게끔 폰트파일 업로드 필요

 

 

em : 대문자 M의 폭 크기가 1em

 

 

웹폰트 

1) 사용자 시스템에 설치 되어 있지 않은 폰트를 내가 사용하려고 할 때, 폰트 정보를 서버에 올려놓고 사용자가 사이트에 접속했을때 다운받아 사용

 

2) 웹상에 있는 폰트정보를 링크로 사용 가능. 네트워크에 영향 받아 사이트 속도가 떨어질 수 있음

 

 

select this style하면 @import가 보임

 

 

 

첫번째 글꼴을 가져올 수 없을 경우에 , 두번째 글꼴을 사용하라고 지정해줌

 

---

 

 

 

 

 

 

text-align

 

 

text-decoration : 텍스트 링크를 만들면 밑줄이 생기는데, 없앨 때 많이 사용

 

 

그림자 가로5px 세로5px 번지는정도3px 색상#ccc 로 설정하겠다는 의미

 

*가로

양수: 오른쪽, 음수: 왼쪽

 

*세로 

양수 : 아래, 음수 : 위

 

list-style로도 줄여서 사용 가능

list-style : none으로 하면 아무 것도 없이 사용 가능 

 

 

caption : 표의 맨 윗 부분에 위치

caption-side : bottom, top 으로 설정 가능

border: 테두리

 

셀의 테두리 따로 그려 주어야 함

td, th에 border설정

 

 

border-collapse : collapse;  테두리 한 겹으로 하고 싶은 경우