반응형

2019/04 3

[CSS 수업] 2강 - CSS 적용 방법

CSS는 HTML로 만든 웹 페이지를 스타일링하여 보기 좋게 꾸며주는 언어입니다. 외부 스타일과 내부 스타일을 사용하여 CSS를 적용할 수 있습니다. 1. CSS의 의미와 사용 이유 CSS는 "Cascading Style Sheets"의 약자로, HTML로 작성한 웹 페이지의 디자인을 꾸미는 역할을 합니다. 2. 외부 스타일 적용하기 외부 스타일은 별도의 CSS 파일을 만들고 HTML 파일에서 해당 CSS 파일을 불러와 사용합니다. 아래와 같은 형태로 사용됩니다. 이때, "파일명.css"에는 원하는 스타일을 작성합니다. 3. 내부 스타일 적용하기 내부 스타일은 HTML 파일 내에서 CSS를 직접 적용하는 방식입니다. 아래와 같이 위의 예시에서는 태그에 빨간색으로 텍스트를 스타일링하는 내용을 작성했습니다...

프로그래밍/CSS 2019.04.23

[CSS 수업] 1강 - CSS란 무엇일까?

CSS를 처음 배우는 분들이 이해하기 쉽도록 설명해 드릴게요. 혹여나 html에 모르고 계신다면 이전 수업들을 참고해 기본적인 개념들을 익히고 오시는 것을 추천해 드립니다. 1. CSS는 무엇인가요? CSS는 Cascading Style Sheets의 약자로, 웹 페이지의 스타일과 레이아웃을 꾸미는 언어입니다. HTML은 웹 페이지의 구조를 담당하고, CSS는 이를 꾸며주는 역할을 합니다. 즉, HTML은 건물의 구조를 만들고, CSS는 그 구조에 따라 외관을 꾸며주는 역할을 합니다. 2. CSS의 역할은 무엇인가요? CSS를 사용하면 텍스트의 색상, 폰트, 크기 등을 지정하거나, 배경색이나 이미지, 여백 등을 설정할 수 있습니다. 또한 웹 페이지의 레이아웃을 조정하여 요소들의 위치와 크기를 조절할 수 ..

프로그래밍/CSS 2019.04.09

[월횽]이 추천하는 프로그래밍을 위한 무료 도구 3가지

안녕하세요! 프로그래밍 도구에 대해 소개하려는 "월횽입니다. 초보자들에게 추천하는 세 가지 무료 도구를 소개하고, 장단점에 대해 설명해드릴게요. 3위 - 메모장(NotePad): 윈도우 사용자에게 무료로 제공되는 간단한 프로그래밍 도구입니다. · 장점: 프로그래밍 기초를 접할 수 있습니다. 윈도우 사용자에게 무료로 제공됩니다. · 단점: 기능에 제한이 있습니다. 코드의 색상 구분이 없어 긴 코드를 작성할 경우 구분이 어렵습니다. 코드 애니웨어(CodeAnyWhere) 공식 홈페이지 2위 - 코드애니웨어(CodeAnyWhere): 웹사이트에서 접속해서 사용할 수 있는 무설치형 프로그램입니다. · 장점: 설치 필요 없이 간편하게 사용할 수 있습니다. 저장공간을 사용하지 않습니다. · 단점: 사용 시 홈페이지..

반응형