본문 바로가기

CSS41

CSS 배경 색과 이미지 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 CSS, float 속성을 이용해서 만드는 Holy Grail Layout 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 CSS, float 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게 gogogameboy.tistory.com 생활코딩 강의 영상으로 공부를 하는 중인 CSS.. 이제 그 CSS 영상들도 3분의 1도 남지 않았습니다. 이번에 배울 내용은 배경 background입니다. background mystee 위의 소스 코드는 PC에서 드래그 후, ctrl+x로 잘라내서 다른 곳으로 붙여넣기.. 2021. 1. 8. 16:33
CSS, float 속성을 이용해서 만드는 Holy Grail Layout 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 CSS, float 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 CSS, Media Query를 이용해 반응형 홈페이지 만들기 이 포스팅은 PC로 작성 gogogameboy.tistory.com 지난 포스트에서 float 속성의 기초를 공부했습니다. CSS, Holy Grail Layout 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 CSS, flex-basis와 grow 그리고 shrink 이 포스팅은 PC로 작성되었습니다. 모바 gog.. 2021. 1. 8. 08:50
CSS, float 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 CSS, Media Query를 이용해 반응형 홈페이지 만들기 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 CSS 반응형 웹을 만들기 위한 Media Query 기초 이 포스팅은 PC로 작성되었 gogogameboy.tistory.com 지난 글에서는 반응형 웹사이트를 제작하는데 있어서 정말 중요한 CSS 속성인 Media Query를 공부했습니다. 이번에는 float에 대해서 배워보겠습니다. float로 자연스럽게 이미지 삽입하기 Lorem ipsum dolor sit amet consectetur adipis.. 2021. 1. 7. 10:06
CSS, Media Query를 이용해 반응형 홈페이지 만들기 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 CSS 반응형 웹을 만들기 위한 Media Query 기초 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 CSS 신문을 보는 것 같은 레이아웃 이 포스팅은 PC로 작성되었습니다. gogogameboy.tistory.com 위의 포스트에서 공부한 Media Query를 응용해서 이번에는 반응형 홈페이지를 만드는 실제 코드 작성을 해보겠습니다. 반응형 웹사이트 만들기 생활코딩 html css javascript Lorem ipsum dolor sit amet, consectetur adipisicing elit. Re.. 2021. 1. 6. 16:51
CSS 반응형 웹을 만들기 위한 Media Query 기초 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 CSS 신문을 보는 것 같은 레이아웃 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 CSS, Flex 기타 속성들 이 포스팅은 PC로 작성되었습니다. 모바일로 보시 gogogameboy.tistory.com 반응형 웹이란? 반응형 웹사이트란 컴퓨터처럼 가로가 긴 화면으로 봤을 때와, 가로가 좁고 세로가 긴 모바일 화면으로 봤을 때, 각각 다른 인터페이스를 보여주는 웹사이트를 말합니다. 이 블로그 또한 반응형 웹사이트이죠. 오늘은 그런 웹사이트를 만들기 위한 Media Query의 기초를 공부해보겠습니다. @medi.. 2021. 1. 6. 14:51
티스토리 블로그 CSS로 폰트 변경하는 방법 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 오늘은 티스토리 블로그의 폰트 글꼴과 사이즈를 변경하는 방법을 알아보겠습니다. CSS 폰트 사이즈는 rem 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 CSS 선택자 공부 사이트, 같이 풀어봅시다. (feat. flukeout.github.io) 이 포스 gogogameboy.tistory.com 제 블로그의 CSS 카테고리에 위와 같은 글이 있습니다. 대충 요약하자면 '웹페이지 사용자의 편의를 위해 폰트의 단위는 픽셀(px)을 쓰는 것보다 rem을 쓰는 것이 좋다'라는 것인데, 이 블로그 말고 저의 메인 블로그가 스킨 편집.. 2021. 1. 6. 12:30
CSS 신문을 보는 것 같은 레이아웃 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 CSS, Flex 기타 속성들 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 CSS, Holy Grail Layout 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 gogogameboy.tistory.com 지난 포스트에서는 가장 이상적인 웹페이지 레이아웃인 Holy Grail Layout과 유용한 기타 속성들을 공부했습니다. 오늘은 웹페이지를 신문처럼 꾸미는 Multi column에 대해서 공부해보겠습니다. Multi column Lorem ipsum dolor sit amet consectetur, adi.. 2021. 1. 5. 13:17
CSS, Flex 기타 속성들 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 CSS, Holy Grail Layout 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 CSS, flex-basis와 grow 그리고 shrink 이 포스팅은 PC로 작성되었습니다. 모바 gogogameboy.tistory.com 지난 포스트에는 플렉스 Flex를 이용한 Holy Grail Layout을 잡는 방법을 배웠습니다. 이번에는 Flex의 미처 다 설명하지 못한 여러가지 유용한 속성들을 배워보겠습니다. !DOCTYPE html 에러 !DOCTYPE html 이 포스팅은 PC로 작성되었습니다. 모바일로 보시.. 2021. 1. 4. 16:23
CSS, Holy Grail Layout 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 CSS, flex-basis와 grow 그리고 shrink 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 CSS 웹사이트 레이아웃 기초 이 포스팅은 PC로 작성되었습니다. 모바일 gogogameboy.tistory.com 이번에 배울 내용은 지금까지 배워온 모든 것들을 총망라해서 가장 이상적인 웹페이지의 레이아웃을 잡는 방법을 배워보겠습니다. 가장 이상적인 웹페이지 레이아웃 생활코딩 html css javascript Lorem ipsum dolor sit amet consectetur, adipisicing el.. 2021. 1. 3. 16:50