공부를 합니다 (84) 썸네일형 리스트형 생활코딩 CSS_03 HTML과 CSS가 만나는 법 03. HTML과 CSS가 만나는 법 태그의 색상을 바꾸는 두 가지 방법 태그에 직접 입력 text Style 태그 안에 입력 생활코딩 CSS_01 CSS 소개 1. CSS 소개 CSS의 등장 배경 HTML이 생긴 이후, 다양한 불만족들이 발생했고 대표적으로 사이트를 좀 더 아름답게 만들고자 하는 욕구가 있었다. 이를 위해 우선 HTML에 디자인을 위한 태그를 만들기 시작한다. Example: , 폰트를 변경하기 위한 태그. 기존에 HTML을 사용하던 사람과 브라우저가 쉽게 익숙해질 수 있다는 장점이 있다. 하지만, 웹이 활성화 되면서 HTML이 담고있는 정보는 중요해지는데 반해 와 같은 의미없는 design 태그가 많아지면서 HTML의 '정보를 담는' 코드로서 가치가 급락하게된다. 태그는 'list'라는 웹 자체에 대한 정보를 지니지만 태그는 그렇지 않기 때문에 웹을 파악하는데 도움이 되지 못한다. 결국 어렵지만 근본적인 해결책으로 디자인을 위한 새로운 언어인.. [생활코딩] CSS 강의소개 생활코딩 에서 제공하는 CSS 강의. WEB2 - CSS 수강 후 보다 구체적인 내용 학습을 위해서 듣기로 결정했다. 강의주소: https://opentutorials.org/course/2418 수강기간: 2020.02.06 - 2020.04.20 수강 소감 Web2 강의는 한덩어리로 잘 짜여진 흐름으로 핵심만 배우는 느낌이라면 클라이언트 항목의 CSS 강의는 강의 연결성은 좀 떨어지더라도 각 항목을 보다 구체적으로 확실히 배울 수 있는 강의였다. Web 2에 중복되는 내용이 많긴 하지만 Web2로 흐름을 잡고 이 강의를 들으면 보다 효과적일 것이라고 생각한다. 속성 값을 포함해서 모든 내용을 빠짐없이 다루진 않지만 웹페이지를 만드는데 무리없이 CSS를 쓸 수 있을 정도로 배운 것 같다. 강의.. 마크다운(markdown) 사용법 1. 마크다운이란 1.1 마크다운 마크다운은 웹에서 글을 쉽게 읽고 작성하기 위해 고안된 언어(혹은 툴)로 일반 텍스트(plain text) 형태로 쓴 글을 HTML로 바꿔준다. 즉, 마크다운은 두 가지 단계로 이루어져 있다고 볼 수 있는데 (1) 일반 텍스트로 작성하여 문법(syntax)을 형성하고 (2) 형식을 갖춘 일반 텍스트를 HTML로 변환한다. 이때 Perl로 만들어진 소프트웨어 툴을 사용한다. 1.2 마크다운의 장단점 마크다운 디자인의 기본적인 목적이자 장점은 태그나 별도의 formatting instruction 없이 일반 텍스트만으로 글을 구성하여 발행 할 수 있다는 것이다. 작성 자체도 직관적이고 쉽게 할 수 있으며 HTML 등의 다른 문법에 본 내용 외의 formatting instr.. 이전 1 ··· 8 9 10 11 다음