1. 웹 프로그래밍 기초
10) CSS 기본 style 변경
오늘은 CSS 기본 style 변경에 대해서 알아보는 시간을 갖겠습니다!
기본 style 변경
CSS style 적용은 글자색이나 배경 등 가장 자주 사용 되는 것들입니다. 이런 속성은 위치값이나 크기 넓이 등을 지정하는 것과 다르게 색상 위주로 값을 부여하게 됩니다. (색상 관련 값은 16진수 표기법을 사용합니다 ex) #A23FF3)
Font 색상 변경
- color : red;
- color : rgba(255, 0, 0, 0.5);
- color : #FF0000;
Font 사이즈 변경
- font-size : 10px;
- font-size : 1rem;
배경색
- background-color :#FFFFFF;
- background-image, position, repeat등의 속성이 있습니다.
- background-color : #0000ff url(".../img") repeat center top
웹 폰트
//예시
font-family:"Gulim";폰트는 가독성을 위해 잘 알아두면 좋은 기술인데요, 다양하고 예쁜 폰트들을 손쉽게 사용할 수 있습니다 (제가 애용하는 google font) 하지만, 과유불급입니다. 하지만 다운로드에 시간이 걸리고 오래 걸리게 되면 클라이언트가 불편함을 느낄 수가 있습니다. 또한, 사용자의 해상도에 따라서 폰트가 깨지는 문제가 발생할 수도 있습니다.
이번 포스팅에서는 css 기본 style을 변경하는 것에 대해서 알아보았습니다. 감사합니다 !
