CSS(Cascading Style Sheets)란

1. CSS란?

 

- Cascading Style Sheets 는 documents가 사용자에게 어떻게 보여질까를 기술하는 언어이다.

- HTML이 정보를 표현한다면 CSS는 HTML문서를 시각적으로 이쁘게 꾸며주는 역할을 한다.

---

2.  CSS로 기대되는 효과?

 

- 정보(HTML)와 디자인(CSS)를 분리하여 관리할 수 있다.

- 정보를 수정하지 않고 디자인만 변경할 수 있다.

> 태그마다 style 속성으로 주게 되면 소스코드가 지저분해 지는데, 분리하여 관리하게 되면 유지보수 및 가독성이 좋아진다.

- 검색엔진이 HTML을 해석 가능하도록 하기 때문에 더 많은 방문자들이 방문할 수 있도록 유도할 수 있다.

> 시각장애인을 위한 스크린리더 프로그램이 HTML문서를 해석하도록 할 수 있다.(웹접근성)

 

3. CSS로 HTML문서를 디자인하는 방법

 

- 외부 스타일 시트(External Style Sheet)

- 내부 스타일 시트(Internal Style Sheet)

- HTML 태그 내에 스타일 지정(Inline Styles)

 

4. CSS 적용 우선순위

 

- 위에서부터 차례대로 읽어들이는 HTML과 달리, CSS에는 우선순위 라는것이 적용된다.

- 적용방법의 우선순위로는 크게 외부스타일 < 내부스타일 < 인라인 스타일 순서로 작용한다.

 

출처 https://nm817.tistory.com/42?category=737699

[css 활용] 텍스트/컨텐츠 숨김처리