정짱의 작은 도서관

[WEBn] WEB2 - CSS 생활코딩 강의를 들었던 것을 정리를 하겠습니다. 이번 시간에는 중복을 제거하고 재사용성을 높이며 유지보수를 효율적으로 하는 방법을 설명하겠습니다. 그리고 이전 다른 .html에도 모두 적용을 하겠습니다. ype html> WEB HTML CSS JavaScript Iron man CSS이란 무엇인가? Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a document written in a markup language like HTML. CSS is a cornerstone technology of the World Wide Web, alongside ..

[WEBn] WEB2 - CSS 생활코딩 강의를 들었던 것을 정리를 하겠습니다. 생활코딩 미디어 쿼리 강의와 이전 정리 내용을 가지고 같은 것을 만들었습니다. WEB HTML CSS JavaScript Iron man CSS이란 무엇인가? Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a document written in a markup language like HTML. CSS is a cornerstone technology of the World Wide Web, alongside HTML and JavaScript. CSS is designed to enable the se..

[WEBn] WEB2 - CSS 생활코딩 강의를 들었던 것을 정리를 하겠습니다. grid.html을 만들고 설명하겠습니다.사진을 보게 되면 NAVIGATION ARTICLE 디자인 용도로만 쓰는 것을 감싸주는div 태그는 기본적으로 block level element이므로화면 전체를 쓰기 때문에 줄바꿈이 된것이다. NAVIGATION ARTICLE inline element 이다.필요에 따라 사용하면 됩니다. 구분을 위해 위 사진과 같이 만들어 줍니다. NAVIGATION ARTICLE 다음으로는NAVIGATION과 ARTICLE을 나란히 배치를 해보기 위해서부모 태그가 필요하므로 부모 태그를 하나 만들어 줍니다. id를 주고난 후 선택한 #id에 대해서 red색상을 주고 구분을 해줍니다. 그러면 위와 ..

[WEBn] WEB2 - CSS 생활코딩 강의를 들었던 것을 정리를 하겠습니다. html 문법이면서 style태그 안쪽 내용은 css이니까 css언어의 문법에 맞게 처리해주라는 의미입니다. 위 사진에 있는 a, #active, .saw, h1는 선택자라고 부르고, 셀렉터입니다.아래 자세히 설명하겠습니다. 가독성 및 유지보수에 효과적으로 증가합니다. 사진과 같이 이렇게 볼 수 있습니다. Webpage에 CSS삽입방법은첫 번째 style tag두 번째 style property있습니다. CSSstyle이라는 속성을 쓰면 그 속성의 값을 CSS문법에 따라 해석해서 style속성에 적용을 합니다.선택자는 필요가 없습니다. 설명을 위해 1.html과 2.html을 서로 다르게class 하나로 묶어 보겠습니다. G..

[WEBn] WEB1 에디터 설치 Editor라는 프로그램이 필요하기 때문에 github.com에서 만든 Atom(아톰)을 쓴다. https://atom.io/ 다운로드해서 설치를 한다. 실행을 하고 난 후 프로젝트를 만든다. test.html https://opentutorials.org/course/3084/18437 생활코딩을 보고 난 후 정리하는 글이에 다시 한번 복습하는 과정으로 정리를 하겠습니다. 필자는 위 사진에 있는 기획서대로 만들어 보겠다. 정리 내용이므로 자세하게 따라가면서 배우기 원한다면 생활코딩 https://opentutorials.org/course/1 에서 차근차근 따라해보자. 웹브라우져에 표시된다. 첫번째로는 제목 web 이라는 제목을 적었으며 다음으로는 목차, 소제목을 적었..