종속형
-
font 속성에 대해 알아보자 - CSS 강좌기타/HTML, CSS 기초 2016.08.12 23:51
이번 시간에는 CSS 에서 font 속성에 대해 알아보도록 하겠습니다. 폰트 크기 조정 폰트의 크기를 조정합니다. font-size 를 통해 사용하실 수 있습니다. 123456// HTML작은 글자 보통 글자 큰 글자cs 12345678910/* CSS */.small { font-size: 12px;}.middle { font-size: 24px;}.big { font-size: 36px;}cs 결과 보기: https://jsfiddle.net/yoonano/tb0z0yp5/ 폰트 두께 조정 폰트 두께는 font-weight 를 통해 조정합니다. light, normal, bold 또는 100~700 의 숫자를 통해 조정합니다. 12345678// HTML일반 글자 일반 글자2 두꺼운 글자 두꺼운 글자..
-
background 속성에 대해 알아보자 - CSS 강좌기타/HTML, CSS 기초 2016.08.12 23:33
이번 시간에는 CSS 에서 background 속성에 대해 알아보도록 하겠습니다. background 속성 말 그대로 배경에 색상을 사용하는 것입니다. 더 빠르고 완벽한 이해를 위해 예제로 살펴보도록 합시다. ▼ 123456// HTML 배경에 색상이 적용됩니다. div 로 했기 때문에 부분이 투명한 이미지가 들어가면 배경 색상이 보입니다. 물론 일반 텍스트를 입력하는 p 태그에서도 가능하구요.cs 12345/* CSS */.b-color { color: white; background-color: gray;}cs 결과 보기: https://jsfiddle.net/yoonano/b9mwf9fs/
-
color 속성에 대해 알아보자 - CSS 강좌기타/HTML, CSS 기초 2016.08.12 23:26
이번 시간에는 CSS 에서 color 속성에 대해 알아보도록 하겠습니다. color 속성 color 속성은 상당히 간단합니다. 말 그대로 색상을 적용하는 것인데요. 배경 색인지, 텍스트의 색인지 구분이 애매합니다. color 속성은 텍스트의 색상, 다음 시간에 알아볼 background-color 속성은 배경 색상입니다. 예제를 한번 참고해 보시죠. ▼ 12// HTML빨간색 글자는 빨간색이다. 지금 내가 무슨 말을 하는지 잘 모르겠네?cs 1234/* CSS */.color { color: red;}cs 결과 보기: https://jsfiddle.net/yoonano/zasspkda/ 색상에는 red, yellow, blue, green 등의 색상을 사용할 수 있는데요. 세분화된 색상 사용을 원하신다면..
-
CSS 강좌를 시작하기 전... - CSS 강좌기타/HTML, CSS 기초 2016.08.12 23:11
HTML 과 CSS 의 개념이 확립되지 않으셨다면 http://donghoon.me/23 에서 그 개념을 확립해보세요! 이번 시간에는 CSS 강좌를 시작하기 전 알고 있어야 할 상식에 대해 정리해 보았습니다. 이번 시간부터는 코드의 결과를 보여드리기 위해 JSFiddle 이라는 코드 테스트 사이트를 이용하도록 하겠습니다. 선택자를 사용하는 이유 선택자를 사용하는 이유는 간단합니다. 우선 아래 코드를 비교해 보세요. style="color: red" 부분은 글자 색을 빨간색으로 정하는 스타일 입니다. 추후에 배우게 될 것이지만 예제에서 보다 더 좋은 코드를 선택하기 위해 미리 설명해 드리는 것입니다. 1. 선택자를 사용하는 방법 ▶ https://jsfiddle.net/yoonano/Lkuqw3wb/ 2...