[WEB/CSS] 글자 색 바꾸기, 밑줄 없애기

현재 HTML로 짜여져 있는 코드는 CSS 언어와 다르기때문에

CSS 언어의 코드를 입력하기 위해서는 style 태그를 사용해야 한다.

 style 태그 안에 위치한 내용은 CSS언어로 처리하겠다는 의미이다.

만약 링크의 색을 다른 색으로 바꾸고 싶다면 4개의 a태그를 하나씩 바꿔도 되지만 

CSS는 한 번에 색 변경을 처리해 준다. 

*CSS는 style 태그 안에서 이루어져야한다. 

a 태그를 가지는 모든 코드의 색을 빨간색으로 바꾸겠다는 의미이다.

새로고침하여 확인해보면 잘 수정된 것을 볼 수 있다.

 

만약, CSS만 다른 색으로 바꾸고 싶다면 

HTML 코드에서 style를 작성하면 된다.

현재 HTML 코드의 a태그 안에 style = "color: black" 작성을 하고 새로고침을 하면

CSS만 검은색으로 바뀐 것을 볼 수 있다.

---

WEB, HTML, CSS, JavaScript는 링크를 연결해 주기 때문에 밑줄이 있다.

이 밑줄이 보기 싫어 없애고 싶다면 

<style> 안에 text-decoration: none;을 작성해주면 된다.

새로고침하여 확인해보면

밑줄이 깔끔하게 없어진 것을 볼 수 있다.

 

만약 CSS에만 밑줄이 보이게 하고 싶다면 아까 색 바꾸기처럼

직접 밑줄을 보이고 싶은 코드에 와서 

이렇게 작성해준다.

결과는 잘 나온 것을 확인할 수 있다.

---

참고한 생활코딩 자료

https://opentutorials.org/course/3086/18318

혁명적 변화 - 생활코딩

https://opentutorials.org/course/3086/18312

CSS의 등장 - 생활코딩