⁂ CSS/: 기본 익히기

[CSS] #1-3 External CSS

1. .CSS 파일 External Css는 스타일만 별도로 모아놓은 파일을 HTML 문서에 적용시키는 방식으로 스타일을 구현한다. 그래서 원하는 문서에 간편하게 스타일을 적용시킬 수 있다는 장점을 갖고 있다. 이 때 확장자명은 .html이 아니라 .css가 된다. 그래서 저장할 때부터 .css 확장자로 저장을 하여야 한다. 이 확장자는 파일 자체가 스타일을 나타내는 것이기 때문에 아래와 같이 스타일 태그를 입력하면 오류가 난다. 2. External CSS 사용법 1) 문자 코드 넣기 이 스타일 파일엔 한글을 사용하겠다는 코드를 우선적으로 입력한다. 꼭 입력해야하는 것은 아니지만 이 파일에는 다양한 주석도 한글로 들어갈 것이기 때문에 왠만하면 이 문서가 한글로 작성될 수 있도록 문자 코드를 입력해주는 ..

[CSS] #1-2 Internal CSS

1. Internal CSS 알아보기 Internal CSS는 내가 만든 스타일을 다른 곳에도 적용시키고 싶을 때 사용하는 방법이며 선택자를 사용한다. 태그를 사용해서 적용하며 HTML 문서에 여러번 올 수 있다, 단 태그 내부에 태그를 하나 더 만드는 것은 안된다. 주의할 점! 웹페이지는 html 문법도, CSS 문법도, Javascript 문법도 사용된다. CSS의 스타일을 적용한다고 다른 프로그램의 문법에 CSS문법을 사용하면 안되기 때문에 주의하자. 또 이 스타일 태그는 html의 head 안에 들어가있어야 한다. 1) 선택자 Selector - 스타일을 적용하기 위한 대상을 뜻하며, HTML 요소를 사용할 수도 있고 ID나 Class 형태로 정의할 수도 있다. - 선택자의 형태 : 선택자 {속성..

[CSS] #1-1 CSS 이해하기 그리고 Inline CSS

1. CSS가 뭐야? HTML은 웹페이지의 구조를 짠다. 그리고 CSS는 웹페이지를 이쁘게! 보기 좋게! 만드는 역할을 한다. 페이지가 보기 좋다는 것은 단순히 만들고 난 후 보이는 모습을 더 이쁘게 만들려고 한다는 뜻은 아니다. 페이지가 보기 좋다는 것은 페이지의 일관성을 부여한다는 의미이다. 버튼도 자기 멋대로, 이곳 저곳에 있다면 사용자가 페이지를 보고 사용할 때 개발자의 의도와는 다른 방향으로 페이지를 사용하거나, 아예 사용하지 못하는 경우가 생길 수 있기 때문이다. CSS를 왜 사용해야하는지 이해가 되었을 것 같다. * UI 구현 표준(WEB)의 구성 요소 HTML과 CSS로 만들어내는 WEB에 대한 이해를 조금 더 넓혀보자! 웹의 구성 요소로는 웹 표준, 웹 접근성, 웹 호환성이 있다. 웹 표..