04. css의 기본 문법

 

html 과 css 는 완전히 다른 언어 이므로 웹페이지에 css를 포함 시킬 때는 웹브라우저로 하여금 어디서부터 어디까지가 css인지 알려줘야 합니다 . <style> 태그가 그런 역할을 합니다.

 

첫번째 방법 : <style> 태그를 쓴다

<style>
a {
     color: black;
}

 

또 다른 방법은 태그를 통하는 것이 아니라 속성을 이용하는 방법 입니다.

style="" 는 html 의 속성입니다. 그리고 style이라는 속성은 값으로 반드시 css효과가 들어온다고 약속되어 있다.

 

... 생략 ...
<li><a href="2.html" style="color: red">CSS</a></li>
... 생략 ...

 

• css를 이용해 링크에 밑줄 없애기

... 생략 ...
<style>
   a {
        color: black;
        text-decoration: none; // 밑줄을 쓰고 싶다면 underline;
   }
</style>
... 생략 ...

 

모든 a 태그에 대해 밑줄이 없어집니다. 세미콜론( ; )은 구분자로서 쓰입니다.

 

이번시간에 알아본 내용으로는 ..

1. 웹페이지에 css를 삽입하는 방법 : <style> 태그 와 style 속성으로 쓰면 된다는 것

2. 세미콜론을 구분자로 쓴다는 것