[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 - 반응형 디자인과 미디어 쿼리 소개
[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 - 그리드
[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 - 박스모델
[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..