[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색상을 주고 구분을 해줍니다. 그러면 위와 ..