목록🖌CSS (2)
컴퓨터를 공부하고자 마음먹은지 N일차
[53일차](HTML/css로 피아노 만들기) 1편 피아노 모양 만들기 우선 전 편을 토대로 페이지를 불러오면이런 페이지가 나온다. 각각 검은건반 블록은 한그룹태그로 따로 묶여져있다 . 하나하나 피아노 건반 모양을 내야하기 때문에 건반하나의 높이와 크기를 딱 정했다가로 30px 세로 250px인데 검은 건반의 크기와 검은건반 사이에 들어가는 블럭의 크기도 고려해야 하기 때문에가로 사이즈는 하나하나 정해줄 수 밖에 없었다. display: grid; 그리드모델에 대해서는 다른곳에 보면 설명이 많다.기존 박스모델과 다른점은 https://ko.mort-sure.com/blog/flexbox-vs-css-grid-a-comparative-analysis-175c07/ 나는 건반을이렇게 만들기위해 그리드를 사용..
My Report for Web 홈 사용법 레포트 친구 채팅 login form 구현예정 추가된것은 헤드쪽에 나는 문법이라고 하면 코드의 생김새라고 하고싶다. 앞서 c를 배울때도 각 문법마다 활용하는 태가 다르다. css의 생김새는 원하는태그 말해주고 중괄호안에 그 태그에대한걸 입력하는거라 이해했다 대충 ㅎ 꼴도 보기싫었던 링크의 밑줄과 색이 사라지는 정말 감격적인 순간이다. CSS 박스모델 앞서말했듯 내가 원하는 내 프로젝트의 형태는 이거다 나머지 기능이 추가되고 삭제될 수도있다. 일단 제목인 My Report For Web의 크기를 키우고 싶다. font-size:45px; h1 { font-size:45px; } 제목의 위치는 가운데가 좋겠다. text-align: center; h1 { font-..