📢 대니월드 공식 홈페이지가 'TradingRoom'으로 변경되었습니다
모든 최신 시황과 교육 자료를 가장 빠르게 받는 방법!
지금 아래 버튼을 클릭해 이메일 구독을 완료해 주세요.
CSS 강의목차
4. CSS 박스모델(padding,margin,border,content)
지난시간에는 스타일태그를 이용해서 글자의 색깔을 바꿨습니다.
이번시간에는 스타일속성을 이용해서 글자의 색깔을 바꿔보겠습니다.
1. 스타일 속성으로 글자 색깔 바꾸기
색깔을 바꾸고 싶어하는 곳에 style="color:red" 이라는 속성을 지정해주면 됩니다.
쉽습니다!!!
2. 밑줄제거하는 속성 적용해보기
링크가 걸려있는 내용에 밑줄이 왠지 보기싫으시죠?
이 밑줄을 제거하는걸 한번 해보겠습니다.
<head> 태그 아래에 있는 스타일태그에서
text-decoration:none; 를 추가해줍니다.
결과를 한번 볼까요?
아래와 같이 링크에 밑줄이 사라진걸 확인할 수 있습니다.
이번에는 CSS 파일링크에 밑줄을 한번 그어볼께요.
속성태그를 활용해서 아래와 같이 적용하면 됩니다.
style = "color:red; text-decoration:underline" 요렇게 추가하시면 되요
<li><a href=2.html style="color:red; text-decoration:underline">CSS</a></li>
결과를 한번 볼까요?
짜잔!!! 어렵지 않죠?
3. CSS 스타일태그(선택자, 정의, 속성 등)에 대한 개념정리
자, 지금까지 배운걸 한번 정리해봅시다!!
a는 이 웹페이지에 있는 모든 a태그를 선택한다는 의미에서 선택자(Selector)이라고 합니다.
Color:red는 선택자가 선택한것에 대해서 어떠한 효과를 주는가라는 의미에서 선언(Declaration) 또는 효과라고 합니다.
그리고 선언된 Color:red는 첫번째 color는 속성(property)라고 하고 red는 속성(property)의 값이라고 하여 Value라고 합니다.
아래 생활코딩 강의안을 바탕으로 일부 수정,편집하여 재작성된 강의안입니다.
opentutorials.org/course/3086/18318
댓글