[2021-07-08] WEB2-CSS (1-4강)

◑ CSS

  - 웹의 디자인적인 부분을 담당하는 새로운 언어로 등장함

  - [장점]  (1) 웹의 구조적인 부분이라 더 중요한 html과 디자인적인 부분을 분리하여 사용가능

              (2) 웹의 디자인 관리가 더욱 효율적임 (∵ 중복 제거, 한번에 다수의 디자인  관리 가능)

 

 

 

◑ CSS언어로 글자 색 바꾸기

(1) style 태그를 이용하기

  - <style>  </style> : html의 언어로 html에게 여기부분은 CSS언어라고 말해주는 방법

a {  } : '모든 글자에 대하여' 의미 - 디자인 대상을 나타낸다고 '선택자(selector)'라 함

color:red; : '색깔을 빨간색으로' 의미 - 디자인 세부사항 선언하는 '효과(declaration)'라 함

+) CSS언어는 { }안에 작성하며, 문장 끝에 ;을 붙여주어야 한다. 

 

 

(2) style 속성을 이용하기

- style="color:red" 처럼 style이라는 html의 속성은 CSS의 효과를 결과로 가져온다.

- style 속성안에 여러개의 디자인 효과를 담으려면 서로 ;으로 구분해야함

- text-decoration: none;  : 글자 꾸미는 것 아무 것도 없게 함

  text-decoration: underline;  : 글자에 밑줄

- 선택자가 필요 없음 (∵ 대상으로 하는 애의 속성에 바로 쓰는 것이므로)

 

 

---

※ 참고

 <!--          --> : 해당 태그 사이의 html을 없는 셈 쳐라 (주석취급 의미)

 <font color="red"> </font> : 문자의 색을  빨간색으로 - CSS 아닌 html으로 디자인 건드리기