[CSS] Text/Image Styling

텍스트 스타일

.a-text {
	font-family: serif;
    font-family: Roboto, Verdana, Arial;
   	
    font-size: 40px;
    font-weight: bold;
    font-weigh: 600;
    	/* bold=700, 일반=400, semi-bold=500 */
    
    font-style: italic;
    font-align: center;
    	/* left, right, cneter, jutify(양쪽 정렬) */
    line-height: 35px;
    
    text-decoration: underline;
    text-decoration: none;
  }

 

이미지 스타일

.image {
	width: 400px; 
    	/* 너비와 함께 높이도 조정하여 비율 유지 */
    height: 400px;
    	/* 너비, 높이 모두 설정하면 이미지 비율 달라질 수 있음 */
        
    object-fit: cover; /* 이미지 비율 유지하되 이미지 잘림 */
    object-fit: contain; /*이미지 비율 유지하되 이미지 크기 조정됨 */
    
    
    object-position: left;
    object-position: right;
    object-position: top;
    object-position: bottom;
    	/* width*height 영역에서 이미지 위치 */