-
[HTML/CSS] CSS의 이해(개요)비전공자 공부일기/:: WEB & Front-End 2020. 6. 12. 13:42
ㅁ CSS(Cascading Style Sheet) 이해
- 워드프로세스의 스타일 적용과 유사
- cascading: '계단형'의 의미.
스타일 적용에 특정도, 또는 우선순위가 있고
우선순위가 정해지는 것이 계단식 스타일 시트라는 의미
- 필요한 이유:
1. HTML에 직접 스타일을 적용함으로써 생기는 HTML문서 자체의 무거움을 줄일 수 있다.
2. 하나의 스타일로 다수의 페이지에 같은 속성을 적용함으로써 작업시간 단축
3. 웹 표준의 원칙 : HTML 마크업을 통해 구조를 잡고, CSS로 디자인을 입힘
ㅁ CSS의 진화 과정
- W3C을 통해 표준 관리
- 현재 최신 브라우저는 정부 CSS2 규격을 준수
- CSS3도 표준안이 완성되었고 대부분 브라우저에 지원(완벽하게 지원X)
ㅁ CSS와 HTML의 상호작용
- 웹페이지 = HTML + CSS + JavaScript
ㅁ CSS 적용하기
<style> 태그를 이용해서 css 속성을 먹이는 데는 2가지 방법이 있다.
1) inline 방식 -> 다른 태그 안에 style ="속성값" 방식으로2) embeded 방식 -> HTML 문서의 <head> 아래 <style>~</style> 태그 아래 선택자와 속성들을 기재
ㅁ CSS 적용하기 - 인라인 방식
- 절대 권장사항이 아님
- 바로 스타일 적용이 확인되기 때문에 테스트 용도 또는 웹메일을 전송할 때만 사용해야하고 그 외에는 절대 사용하지 말 것
- 인라인 방식 예시
<p style="color:red"> ...<p>'비전공자 공부일기 > :: WEB & Front-End' 카테고리의 다른 글
[HTML/CSS] 여러가지 자주쓰는 유용한 HTML 태그들 (3) (0) 2020.06.15 [HTML/CSS] CSS 기초 (0) 2020.06.12 [HTML/CSS] 여러가지 자주쓰는 유용한 HTML 태그들 (2) (0) 2020.06.11 [HTML/CSS] 여러가지 자주쓰는 유용한 HTML 태그들 (1) (0) 2020.06.11 [WEB:] XML 파일로 AOP 환경 설정하기 (0) 2019.09.05