Dev log - 10, 페이지 실습 #2

페이지 실습

• 그리드 계산할 때, 12로 나눠지는 크기로 대부분 사용 (1320, 1440 등)
  참고 사이트 (http://bootstrapk.com/css/#grid, http://gridcalculator.dk/)

• 부모 태그에 text-align: center 속성을 주고, 자식 태그에 display: inline-block 속성을 주면 중간 정렬 가능 (너비는 자식의 자식 태그 너비)

• 자식 이미지에 width: 100% 속성을 주면, 초기값 이상 또는 이하로 변경 시 % 기준으로 변경되어 깨지지 않음

• a 태그에 href="tel:0000-0000" 속성을 넣으면, 모바일에서 클릭 시 해당 번호로 연락

select 태그 속성

• outline: none 속성 적용 시, 테두리를 비롯한 여백이 사라짐

• appearance: none 속성 적용 시 테두리가 사라짐

• 선택된 상태 속성은 :focus 선택자 사용

• select 태그에는 placeholder 속성이 적용되지 않기에, option 태그에 원하는 내용과 함께 disabled hidden selected 속성 기입 (각각 선택불가, 숨겨짐, 선택됨의 의미)