color : 글자색을 변경해줌.color : #ff0000; 사용가능. #뒤에 2자리씩 끊어서 R G B 로 표현
background-color : 배경색 변경
font-size : 글자크기 변경(px, %등)
font-familly : 글씨체변경
text-align : 정렬(left,right,center,justify)
text-decoration : 글씨 장식(none, underline등)
text-shadow : 그림자(text-shadow :그림자색깔, 가로위치, 세로위치
margin : 위치조절 , 바깥여백
padding : 간격조절, 안쪽여백
display : none, inline, block, grid등등
border : 테두리 (border : 테두리색 테두리종류 크기)
- solid : 실선
- dotted : 점선
- dashed : 절취선
- double : 이중선
@media쿼리(반응형 웹)
@media(min-width:500px){} : 창의 최소크기가 적어도 500px일 때 = 창이 500px보다 클 때(이상)
@media(max-width:800px){} : 창의 크기가 최대 800px일 때 = 창이 800px보다 작을 때(이하)
CSS코드의 재사용
새파일로 .css파일을 만들어
<link rel="stylesheet" href="파일이름">
처럼 링크를 이용해 css파일을 연결해서 사용할 수도 있다.
이렇게 하면 만들어둔 코드를 여러군데 재사용할 수도 있고, 여러가지를 한번에 수정하기도 간편해진다.