[WEB2 - CSS] 4일차 : CSS의 기본적인 문법

배운 내용 목록

• CSS의 특징 및 장점
• style 태그
• 선택자 & 효과란
• 밑줄 관리 속성

---

CSS이란?

CSS는 웹 디자인하기 위해 생긴 프로그래밍 언어

즉, 디자인 관련 코드는 CSS라 볼 수 있다.

<style> </style> 태그 안에서만 CSS 코드가 있다.

 

특징 및 장점

CSS를 통해 중복 제거하여 웹페이지의 사이즈(=용량)을 줄일 수 있다.

그래서 유지보수가 편하고, 가독성이 좋아지며, html으로 디자인하는 것보다 효율적이다.

 

 

a { color:red; } ➡️ 모든 a 태그를 빨간색으로 변환하는 코드

a { } 선택자 selector

color:black; 효과 or declaration

 

만약 효과를 추가하고 싶은 태그에 직접 style를 사용하면 선택자가 필요없다.

ex) <a href="1.html" style="color:red">HTML</a>

 

 

text-dectoration ➡️ 밑줄 관련 속성

text-dectoration : none; ➡️ 밑줄이 없다