CSS

CSS

CSS란 HTML, XHTML, XML 같은 문서의 스타일로 꾸밀 때 사용하는 스타일 시트 언어이다.
HTML로 문서의 뼈대를 만들고, CSS로 문서의 Style을 꾸미며 확장시키는 방식으로 이루워 진다.
문서의 Style을 HTML에 한번에 정의하여 만들 수 있으나, 이렇게 기능이 다른 문서를 합쳐 한번에 만드는 것은 유지보수 차원에서 비효율적인 모습을 보이게 된다.
CSS는 HTML문서에 링크를 걸어 참조시키며 CSS는 HTML의 Tag들을 id 와 class로서 구분하게 된다.

1. id: 스타일을 지정할 때 한 가지만 지정해서 쓰는 이름이다.
   Format: #이름
   하나의 HTML에 고유한 id 하나밖에 사용 불가능 하다.
2. class: 그룹으로 묶어서 스타일을 지정할 때 쓰는 이름이다.
   Format: .이름

CSS 예제

아래 결과는 li tag 전체에 기본적인 조건을 주었다.
Tow, Three, Four 는 Class로 묶여 오른쪽으로 40px 이동하게 된다.
One은 Class로 묶여있지만 Id로서 조건을걸어 100px 이동하게 된다.

BootStrap

• 프론트앤드 개발을 쉽게 할 수 있는 프레임 워크
• HTML과 CSS 기반의 템플릿 양식, 버튼, 네비게이션 및 기타 페이지를 구성하는 요소 포함
• 자바 스크립트를 선택적으로 확장할 수 있음
• Github의 오른 소스로 사용 가능, 상업적 이용 가능

CSS처럼 링크를 건 뒤, 미리 지정해 놓은 class로 찾아 사용하면 된다.
참초:Bootstrap

BootStrap예제

부트 스트랩 걸기전:

부트 스트랩 건 후:

---

내용 참조: abooks 블로그

코드에 문제가 있거나 궁금한 점이 있으면 wjddyd66@naver.com으로 Mail을 남겨주세요.