들어봐요 CSS 속성은 끝이 없어요
몇 가지 더 보여줄게요
만약 제가 이 가사의 줄 간격을 바꾸고 싶다면 어떻게 할까요?
저는 'line-height' 속성을 사용할 수 있어요
그리고 15px 같은 값으로 설정하는 거죠
아니면 1.5em으로 하는게 나을 수도 있겠네요
글자 크기의 150퍼센트로 줄간격을 설정하게 되니까요
만약 가사를 가운데 정렬로 만들고 싶다면 어떻게 하면 될까요?
'text-align'속성을 쓸 수 있어요 'center'로 값을 설정하는 거죠
아니면 'right'나 'justified'로 설정해 둘 수도 있어요
보기에는 좀 이상하다고 생각이 들겠지만요
만약 본문에다 밑줄을 치고 싶다면요?
'text-decoration'속성을 이용하면 될거에요
값은 'underline'으로 설정하고요
만약 링크로부터 밑줄을 지우고 싶다면요?
위키피디아에 대한 이 링크같은 것들요
브라우저는 기본 스타일을 지정해두고 있어요
모든 것에 적용되는 스타일 말이죠
여기서는 링크에 대한 'text-decoration: underline'이겠죠
하지만 CSS를 사용하면 브라우저의 기본 스타일을 다시 지정할 수있어요
'text-decoration: none' 이라고 해주면 돼요
여기다가 이 규칙을 추가할게요 a { text-decoration: none; }
이제 더이상 밑줄이 없는 걸 볼 수 있죠
하지만 이걸 할 때는 주의해야할 점이 있어요
왜냐하면 기본 설정에는 보통 어떤 이유가 있기 마련이죠
만약 링크에 밑줄이 없다면 사람들이 그게 링크라는 것을 어떻게 알까요?
만약 그게 보통 텍스트라고 생각해서 절대 누르지 않게 된다면요?
우리가 그 밑줄을 지울 때는
그 링크가 다른 방식으로라도 다르게 보이게 만들어야 해요
그렇지 않다면 사용자들이 슬퍼할 거에요
그리고 사용자들이 슬퍼하면 저도 슬퍼지니까요
그렇게 되면 여러분도 슬퍼질 거에요
저는 여러분에게 하루종일 문자 속성에 대해 얘기할 수 있어요
하지만 그러지 않을 거에요 아직 해야할 게 너무 많으니까요
수 백개의 CSS속성이 있어요
그리고 브라우저는 매년 새로운 것을 추가하고 있죠
그 모든 것들에 대해 여러분에게 말해주지는 않을 거에요
하지만 여러분이 재미있어할만큼은 얘기해 줄 수 있었으면 좋겠어요
만약 여러분이 어떤 스타일에 대한 CSS 속성이 있는지 궁금한데
여기 우리 문서에 없다면
검색 엔진을 통해 찾아보세요
예를 들어 문자에 그림자를 추가하는 방법을 알고 싶다면
인터넷에 "CSS 텍스트 그림자" 라고 검색해 보세요
그러면 아주 많은 결과물을 볼 수 있을 거에요
보통 인터넷을 통해 검색을 해서
여러분의 질문에 대한 답을 찾을 수있다는 것은
웹 개발자에게는 아주 중요한 기술이에요
왜냐하면 여러분과 같은 질문을 했던 사람들이 아주 많고
99.9퍼센트로 답은 그 곳에 있을 거에요
여러분은 그 답을 잘 찾기만 하면 돼요