(생활코딩) CSS의 기본 문법

웹페이지에 CSS를 포함시키기 위해서는 html과 css과 완전히 다른 언어이기 때문에

웹브라우저로 하여금 어디서부터가 어디까지가 css인지 알게해줘야 한다.

 

바로 style이라는 태그가 해당 역할을 하게된다.

 

이외에 한가지 방법이 있는데, 태그가 아닌 속성을 이용하는 방법이 있다.

 

1. <style> 태그 사용

a태그 준부분 글꼴색을 빨강색으로 한다.

a{} =>선택자(selector) / color:red => 선택자에게 지정되는 효과 및 선언(declaration) /

color => 속성(property) / red : property value

2. style 속성 사용

css라고 쓴 링크만 글꼴색을 빨강색으로 한다.

style태그를 직접 사용한 경우에는 태그가 위치하고 있는 태그에게 효과를 줄 것이기 때문에 선택자가 필요없다.

style이라는 속성을 쓰면 그 속성의 값을 웹브라우저는 css의 문법에 따라서 해석되며, 그 결과를 style속성이 위치하고 있는 태그에 적용된다. 

 

+밑줄 만들고 없애는 속성

 

해당 속성은 텍스트에 꾸밈, 장식(decoration)이 없다고 하면 해당 웹페이지에 있는 모든 a태그에 대해서 장식, 밑줄이 없어지게 된다. 

 

세미콜론(;)에 대해서 ; 디스크립션이 시작되고 끝나는 것을 구분하기 위해서 구분자로 세미콜론이 존재.

효과를 지정한 다음에는 끝에 항상 세미콜론을 쓰자.

 

CSS부분에만 밑줄을 쓰고싶으면 CSS style 태그에  text=decoration:underline 을 추가하면 된다.