오늘은 팀프로젝트와 관련된 여러가지 궁금사항을 검색해 보았습니다.
먼저 홈페이지에서 이미지에 마우스 커서를 가져다 대었을때 반응하는 것을 구현하는 방법에 대해 연구해보았습니다. 애니메이션을 적용하면 반응하는 이미지를 구현 할 수 있다는 것을 알게 되었습니다. 또한 홈페이지가 반응형이 되게 하는 방법도 연구하였습니다. @media screen~~~ 을 적용하면 반응형 홈페이지를 만들수 있습니다. 반응형이란 크기를 줄였을때 특정 px이상으로 커지거나 작아지는 것을 말합니다. 화면크기에 따라 다르게보여지는 모습을 다르게 보여주는 것을 반응형이라 합니다.
적용방법은 @media screen ~~입니다.
또한 text-align속성에 대해서도 알아보았습니다
text-align:left를 하면 텍스트가 왼쪽정렬이 됩니다.
text-align:right를 하면 텍스트가 오른쪽으로 정렬됩니다.
이외에도 text-align center를 통해 중앙정렬시킬 수 있고, justify를 통해 양쪽끝에 정렬 시킬수 있습니다. text-decoration: underline은 텍스트의 글자밑에 밑줄이 나오게 표현을 하고 overline은 위에 밑줄이 표시됩니다.
또한 text-indent를 통해 문단 들여쓰기를 할 수 있습니다. 더불어 letter-spacing ~px을 적용하여 글자간 간격을 줄 수 있습니다.
글자입니다. 부분이 text-indent :40px;를 이용하여 들여쓰기를 한 모습입니다.
글자색을 초록색으로 바꾼 모습입니다.
글자색을 주황색으로 바꿔본 모습입니다.
이처럼 다양한 기능들이 있는 것을 확인 할 수있었습니다.
font-style italic체를 이용하여 기울림을 적용한 모습입니다.
text indent값을 반대로 주어 들여쓰기를 한 모습입니다.
글자입니다. 부분이 앞으로 들여쓰기가 된 모습을 확인 할 수 있습니다.
학습소감으로 아직도 배워야할 점,지식이 많다는 것을 깨달았고 더욱 열심히 배워나가며 공부해야겠습니다.
