css 기록 1

html 기록 2에서 이어진다.

css는 html이 만들어지고 폰트나 색 등을 바꾸는 것에 너무 제한이 많이 생겨 만들어진 언어다.

css는  html과 완전히 다른 언어이므로, 시작은 html을 사용할 때 컴퓨터에게 !doctype html로 알려주듯이 css을 사용할 것이라고 알려줘야 한다.

그것을 가능하게 하는 태그가 <style> 태그이다

<style> </style> 태그는 그 안에 있는 것들이 css니 html로 읽으렴! 이라고 알려주는 역할이다.

 

지금까지 배웠던 html으로 만들어본 내가 자주 들어가는 사이트들이다.

 

그런데 나는 하이퍼텍스트의 밑줄을 지우고 싶다. 그리고 초록색으로 만들고 싶다!

html로도 이것을 할 수 있겠지만, css로 준내게 간편하게 할 수 있다.

style 태그 안의 type="text/css"는 속성값이 css임을 나타내는 것이다.

안의 a{}는 body에 있는 anchor 태그들에 모두 적용된다는 말이다.

color:___;는 하이퍼텍스트의 글자의 색을 정하는 것이다.

tex-decoration-line: 은 하이퍼텍스트의 줄을 설정해준다. 위로 갈수도 있고, 중간으로 갈 수도 있고, 없앨 수도 있다. none은 없애버린다.

결과는 이렇게 나온다.