[WEBn] WEB2 - CSS - 코드의 재사용

[WEBn] WEB2 - CSS생활코딩 강의를 들었던 것을 정리를 하겠습니다.이번 시간에는 중복을 제거하고 재사용성을 높이며 유지보수를 효율적으로 하는 방법을 설명하겠습니다.그리고 이전 다른 .html에도 모두 적용을 하겠습니다.<!doctype html><html><head>  <title>WEB2 - CSS></title>  <meta charset="ut..
WEBn/WEB2 - CSS 2018.05.02 17:54
[WEBn] WEB2 - CSS - 반응형 디자인과 미디어 쿼리 소개

[WEBn] WEB2 - CSS 생활코딩 강의를 들었던 것을 정리를 하겠습니다. 생활코딩 미디어 쿼리 강의와 이전 정리 내용을 가지고 같은 것을 만들었습니다. <!doctype html> <html> <head>   <title>WEB2 - CSS></title>   <meta charset="utf-8">   <style> &..
WEBn/WEB2 - CSS 2018.05.01 19:45
[WEBn] WEB2 - CSS - 그리드

[WEBn] WEB2 - CSS생활코딩 강의를 들었던 것을 정리를 하겠습니다.grid.html을 만들고 설명하겠습니다.사진을 보게 되면<!doctype html><html>  <head>    <meta charset="utf-8">    <title>grid</title>  </head>  <bod..
WEBn/WEB2 - CSS 2018.05.01 17:27
[WEBn] WEB2 - CSS - 박스모델

[WEBn] WEB2 - CSS생활코딩 강의를 들었던 것을 정리를 하겠습니다.<style></style>html 문법이면서 style태그 안쪽 내용은 css이니까 css언어의 문법에 맞게 처리해주라는 의미입니다.위 사진에 있는 a, #active, .saw, h1는 선택자라고 부르고, 셀렉터입니다.아래 자세히 설명하겠습니다.가독성 및 유지보수에 효과적으로 증가합니다.사진과 같이 이렇게 볼 수 있습니다.Webpa..
WEBn/WEB2 - CSS 2018.04.30 19:32
[WEBn] WEB1 정리

[WEBn] WEB1 에디터 설치Editor라는 프로그램이 필요하기 때문에github.com에서 만든 Atom(아톰)을 쓴다.https://atom.io/다운로드해서 설치를 한다.실행을 하고 난 후 프로젝트를 만든다.test.htmlhttps://opentutorials.org/course/3084/18437생활코딩을 보고 난 후 정리하는 글이에 다시 한번 복습하는 과정으로 정리를 하겠습니다.필자는 위 사진에 있는 기획서대로 만들어 보겠다...
WEBn/WEB1 2018.04.26 21:13
1
공지사항
최근에 올라온 글
«   2019/02   »
일 월 화 수 목 금 토
          1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28    
Total
126,819
Today
0