목록html_position (2)

워너비 개발자

[html&css] 웹사이트 만들기 5

여기는 사실 선생님이 많이 도와줘서 글을 쓸 생각조차 못했다 근데 일단 기록을 해둬야 하니까 올려 놓는다. Travel Reading Blog 사진 위에 글을 쓰는 것은 처음에 감이 잘 안잡혔었는데 disply:flex을 사용해서 옆으로 사진과 글들을 나열할 것을 정해주고 justify-content: center; 로 아래 자식요소들을 가운데 정렬해줄 것을 정해주고 div 박스를 하나 더 만들어서 position을 relative 로 정해서 원래 위치를 정하고....(맞나..??) 아래 글들을 position: absolute; 로 해서 bottom과 left로 위치 지정해주었다. 글씨 style은 #text-p{ color: white; font-size: 24px; font-weight: bold; }
내가 배운 웹퍼블리싱/아윤 웹사이트 만들기 프로젝트 2024. 3. 26. 16:45
[html&css] 웹사이트 만들기 4

*1 사진의 크기가 위치를 여러번 봐가며 자리를 잡아가고 있다. 여기까지는 어떻게 해봤는데 문제는... Home Ahyoon Me time Me with You *2 아 일단 header 제목을 갑자기 바꿨음 ㅎㅎ 이름을 바꾸면서 위에서 조금 내려왔음 좋겠었고 아래 메뉴바 있는 라인과 거리가 가까웠음 좋겠다는 마음으로 거리를 좀 만져봄. h1 { text-align: center; margin-top: 1%; margin-bottom: -0.5%; color: brown; font-size: 48px; font-weight: bold; } OVERFLOWS. 마진을 마이너스로도 할 수 있다는거에 알게됨 사실상 내가 배치하느라고 만져논거라서 코드가 지저분하고 이렇게 하면 안될 것 같은 생각은 들긴함...ㅎ..
내가 배운 웹퍼블리싱/아윤 웹사이트 만들기 프로젝트 2024. 3. 25. 16:37
이전 Prev 1 Next 다음