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
'web_배우고익히고 > 2.CSS' 카테고리의 다른 글
CSS grid,position (0) | 2019.12.23 |
---|---|
CSS Attrubute Selecter(속성 선택자) (0) | 2019.12.23 |
CSS Pseudo Class(가상클래스) (0) | 2019.12.23 |
CSS Combinators(결합자) (0) | 2019.12.23 |
CSS properties(속성) (0) | 2019.12.22 |