HTML / CSS - 9.5 (2021.03.16)

123.css

0.01MB

123.html

0.01MB

 

[<],  [>]

.prev{
    position: relative;
    left: -20px;
    bottom: 45px;
    width: 20px;
    height: 30px;
	background: #eee;
}

.prev>a{
    color: #fff;
}

.prev:hover{
    background: #ddd;
}

.next{
    position:relative;
    left:260px; 
    bottom:75px;
    width: 20px;
    height: 30px;
	background: #eee;
}


.next>a{
    color: #fff;
}

.next:hover{
    background: #ddd;
}

 취업자 인터뷰에 나오는 저 빨간색이 이미지인줄 알고 Sources에서 계속 찾았는데 아무리 찾아봐도 안 보여서 코드를 보니까 각각 <, >에 a태그를 주고 배경색을 칠한 거 였다.

 원본에서는 절대좌표를 사용하여 위치를 조정하여 나도 절대좌표를 쓰려고 했는데,  절대좌표의 원점이 내가 생각하는 그 곳인지?  또 거기서 얼마만큼 떨어져야하는지 감을 잡을 만한 픽셀감각이 없어서 그냥 상대좌표로 주고 조금씩 옮기면서 확인하고,  이것을 반복하여 수정했다.

 

 

   [자간 조정] 

letter-spacing:-1px;

 

 

아직 footer부분을 만들지 않았는데 footer부분을 다 만들고 container에 높이를 주지 않아도 제대로 나오는 지 확인해봐야겠다.  높이를 지정하지 않아도, 그냥 들어 있는 내용들의 크기만큼 딱 맞게 나왔으면 좋겠다.