반응형 CSS34 색상 COLOR 설정방법 CSS3 또는 Style에 넣는 방법 .widget{ background-color: rgba(233,233,124,0.5); 2015. 6. 15. 글자 대문자, 소문자 설정 text-transform 영어로 글을 쓸 때, 자동으로 문자들을 대문자 소문자로 표시되도록 하는 설정. 한국어 전용 홈페이지를 만들때는 필요하지 않는 태그지만, 요즘같은 글로벌 시대에 영어로 글로벌 사이트를 만들때는 필요사항이다. text-transform : none; 쓴 그대로, 대문자든 소문자든 변환하지 않는다. text-transform : capitalize; 첫 글자를 대문자로 만든다. society라고 섰더라도.. Society로 표기된다. text-transform : uppercase; 모든 글자를 대문자로 만든다. society라고 섰더라도.. SOCIETY로 표기된다. text-transform : lowercase; 모든 글자를 소문자로 만든다. SOCIETY라고 섰더라도..society로 표기된다. fon.. 2015. 6. 10. 글목록 태그 만들기 UL, OL, LI 태그 글목록 태그 만들기 UL, OL, LI 태그 사용하기.. 어떤 설명하는 글을 쓰거나 순서를 말하는 글을 써야할 때, 목록을 만들 때, 글목록을 정하는 태그를 사용합니다. (1) 순서없는 목록 첫번째 내용 두번째 내용 ----------- Result 표현결과 ---------------- 첫번째 내용 두번째 내용 ---------------------------------------- * 보통은 작은 원형으로 목록이 나타나는데, 이 목록 불릿의 모양을 바꾸는 방법은 두 가지가 있습니다. a. 안에 스타일 설정을 하는 방법 b. 내용본문 안에서 설정하는 방법 (2) 순서있는 목록 첫번째 내용 두번째 내용 ----------- Result 표현결과 ---------------- 첫번째 내용 두번째 내용 --.. 2015. 6. 2. 폰트크기, 글자크기 폰트크기, 글자크기 잘 지정하는 방법 html 코드를 떠나 글씨크기를 정하는데는 사실 CSS가 매우~~ 중요....합니다 웹에서 글자크기를 지정할때, px와 em단위 사용.. 최근에는 사용되는 기기가 매우 다양해서 px 단위보다는 em 단위를 사용하는 것이 더 좋습니다. 아직은 em 단위 설정이 값이 익숙하지 않아서... px를 나도 모르게 쓰게됩니다. 변환이 어렵고 익숙하지 않다면... www.pxtoem.com 사이트에 가서 변환해 보세요. [맨 아래 이미지 참고] 16px = 1em 이므로 em= x px / 16px 로 계산! 기본적인 적용방법 body { font-size:12px; } h2 { font-size:2em; } 폰트크기, 글자크기 잘 지정하는 방법 : size 16px 적용 결과 .. 2015. 6. 2. 이전 1 다음 반응형
