External
-
CSS와 HTML의 결합이거 공부 했더니 어때?/HTML & CSS & JS 2020. 10. 24. 03:00
이번시간에는 CSS파일과 HTML파일을 결합시키는 작업을 배워보도록 하겠습니다. 본격적으로 들어가기 전에, 타이틀, 문단, 링크를 가진 HTML파일을 먼저 만들어 보겠습니다. Title Hello, everyone Fake link 아래와 같이 파일의 모습을 크롬에서 확인할 수 있습니다. 그럼 이제 HTML파일을 CSS와 결합해보도록 하겠습니다. HTML파일과 CSS파일을 결합하는 방법은 두가지, 1> incline, 2> external 있습니다. 1> incline방법은 head부분에 style을 열고 닫아 줌으로써, HTML파일 상단에 CSS를 붙여줍니다. 여기서, style내부에 body를 열어서 배경색을 빨간색으로 설정하면 크롬에서 바뀌는 것을 확인할 수 있습니다. 이와 같이, incline으로..
-
CSS란?이거 공부 했더니 어때?/HTML & CSS & JS 2020. 9. 16. 14:52
CSS: Cascade Style Sheet의 약자로, 웹페이지의 요소들을 꾸밀 때 사용합니다. CSS는 HTML을 HTML답게 사용할 수 있게 하고, 웹사이트를 원하는대로 꾸밀 수 있다. 즉, 정보요소와 시각요소를 분리할 수 있다.(HTML: 설계, CSS: 디자인) CSS와 HTML의 결합 1. Inline방법: 요소에 직접 적용하는 방법 2. Internal방법: head태그 내 style태그에 적용. head부분에 style을 열고 닫아줌으로써, HTML파일 상단에 CSS를 붙여주는 방법. 여러 HTML문서에 동일한 CSS를 적용하기 위해서는 복사-붙여넣기를 여러번 해야 되기 때문에, 비효율적인 방법. 3. External방법: 별도의 CSS파일을 생성. HTML문서와 CSS문서를 연결시켜, CS..