IT이것저것13 [HTML/SCC] 004. 이미지 가운데 정렬, 배경화면 어둡게 하는 방법 1. 배경화면을 가운데로 정렬하는 방법 배경화면을 만들어서 가운데로 정렬하는 방법에 대해 알아보도록 하겠습니다. 3가지 코드만 알면 되는데요, background-image: url("__여기에 원하는 이미지 주소 복사__"); background-position: center; background-size: cever; 이렇게 3가지만 style에 추가를 하면 이미지를 넣어서 해당 이미지를 가운데 정렬할 수 있습니다. 1) "background-image"로 원하는 이미지를 넣고 2) "background-position"으로 이미지를 가운데로 옮기고3) "background-size"로 우리가 정한 width와 height 사이즈에 맞는 이미지의 일부분만 보여주는게 아니라 전체 이미지를 보여주게하여,.. 2022. 5. 24. [HTML/CSS] 0003. 글씨 가운데로 정렬하는 2가지 방법 1. text- align 으로 가운데 정렬하는 방법 위와 같이 글씨가 왼쪽으로 붙어 있을때, 가운데로 정렬하는 방법은 를 사용하시면, 요렇게 가운데로 정렬이 되는 것을 볼 수 있습니다. 그리고 글씨를 아래로 내리려면 "margin-top: 20px;" 를 사용하시면 되겠죠? 2. flex를 사용하는 방법 display: flex; flex-direction: column; justify-content: center; align-items: center; 이 4개의 코드가 함께 쓰이며 글씨를 가운데로 정렬하게 해줍니다 하나씩 대입하여 변화를 보도록 하겠습니다. 좌측상단에 있을때, "display: flex;" 를 반영하면, 요렇게 일자로 나열되며, "flex-direction: column;" 을 반영하.. 2022. 5. 24. [Mac] 001. 문제가 발생했기 때문에 이 웹페이지가 다시 로드되었습니다. Mac을 구매한지 얼마 되지 않은 맥린이로서 잘 사용하던 사파리에서 문제가 발생을 했네요~ (참고로 Mac은 MacPro 카탈리나OS를 사용하고 있습니다) 사파리에서 어떤 사이트를 들어갈려고 하면 '문제가 발생했기 때문에 이 웹페이지가 다시 로드되었습니다.' 라고 반복적으로 뜨면서 인터넷 페이지는 불러오지 못하고 흰색 화면만 계속 켜져있었는데요 문제 해결은 쿠키만 삭제하니 자연스럽게 해결이 되었습니다 ^^; 일단 문제의 사파리 창을 끄고 좌측 상단에 'Safari>방문 기록 지우기...'클릭합니다. 모든 방문 기록으로 해놓고 '방문 기록 지우기'를 클릭 합니다. 쿠키를 삭제하고 다시 사파리를 들어가보니 이렇게나 잘 열리더라구요 이러한 문제는 다양한 사이트에서 발생하고, 네트워크 문제, 브라우저 문제 또는.. 2020. 12. 9. [HTML/CSS]0002. 주석달기 & HTML 자동정렬하기 코딩을 할 때, 하다가 잠시 멈추거나, 작성한 코딩의 설명이 필요할 때 주석처리해 놓고 설명을 하면 좋다. 특히나 나는 해보진 못했고, 그럴 실력도 안되지만, 팀워크를 할 때 전달 시 좋은 방법 중에 하나일 것 같다. 그러나 코딩이 복잡하고 많아질 수록 무거워서 구현 시에 좋지 않기에 주석 처리가 많으면 좋지 않다고 한다. 주석다는 방법 HTML 과 CSS의 주석 모양은 틀리지만, 하는 방법은 동일하다. 컴퓨터가 인식 못하게 하기 위해서는 해당 코딩을 드레그하여 선택한 후 window : Ctrl + / Mac : commend + / 를 하면 된다. 이렇게 드래그 하여 주석 처리할 코딩을 선택한 후 Ctrl + / 를 누르면 된다. CSS : /* */ HTML : 2020. 8. 8. 이전 1 2 3 4 다음
