Rainbow

웹 호환성 테스트 QA팀 : 사이트 완성 후 -> 기획 -> 디자인 -> 퍼블리싱 -> 개발 - 모든 것들이 잘 이루어졌는지 기간 내에 QA팀이 테스트한다. - 다양한 브라우저 버전 정보를 열어보고 환경에 맞춰서 각각 테스트한다. - 회사에서는 모든 브라우저 정보, 버전을 테스트하라고 직접 환경을 제공해 주지 않는다, - 우리가 직접 할 수 있는 만큼 호환성 테스트를 한다. - 나중에 오픈을 한 뒤 테스트 기간 내에 오류들은 그때그때 수정한다. 사이트 호환성 기준 - 기획, 파트에서 정한다 , 고객사에서 별도 요청 - 파이어 폭스, 크롬 자동 업데이트 - 인터넷 익스플로러 window os 버전에 따라 업데이트 - 정품, 가품 구분한다. - 사용자들이 제대로 된 정보를 얻기 위해서는 window10 이상..

1. em : 부모 사이즈에서 곱한 사이즈 div {font-size: 14px} p {font-size: 1.2em} 일 경우, p의 사이즈는 14*1.2 = 16.8px 이 된다. 2. rem: 부모가 아닌 최상위 태그에서 곱한 사이즈 em을 사용하다보면 점점 사이즈가 커져버려서 제어가 힘든 상황이 온다. 이럴땐 rem을 쓴다. rem은 부모 사이즈에 상관없이 무조건 최상위 태그 사이즈에서 값을 곱한다. https://bomango.tistory.com/61 css 사이즈 태그 em, rem, vh, vw, vmin, vmax 완벽 정리 css 작성할 때 종종 em rem까지는 작성할 때도 있긴 한데, 보통은 귀찮아서 반응형일 때는 %에 의존하고 그 외에는 그냥 대부분 px처리 해버리곤 한다.. 하지..

상대 단위 상대(relative) 단위란 고정되지 않고 어떤 기준에 따라서 유동적으로 바뀔 수 있는 길이를 나타내는 단위입니다. 본 포스트에서 다룰 em과 rem을 포함해 %, vw, vh 등이 대표적인 CSS의 상대 단위입니다. 절대 단위 절대(absolute) 단위는 어떤 상황에서든 항상 고정된 길이를 나타내는 단위입니다. 대표적으로 예전부터 현재까지 많이 사용되는 px와 pt를 들 수 있고, cm나 in와 같은 실생활에서 많이 사용되는 단위들도 이 절대 단위에 범주에 속합니다. PX : 폰트의 크기를 고정하고 싶을 때 씁니다. - 가장 기본적으로 사용되는 단위입니다. - 이것은 픽셀단위라는 고정값에 따라 정해지기 때문에 화면의 크기나 확대와 같이 사용자가 임의로 정의할 수 없는 고정된 값을 말합니다..

color - 글자 색을 지정. font-family - 글자의 서체를 지정. 서체의 종류 세리프(serif) - 꺽쇠가 있는 서체, 가독성을 보다 높여 줌. 산세리프(sans-serif) - 꺽쇠가 없는 서체, 심플하고 깔끔한 서체. 모노스페이스(monospace) - 글자들의 너비가 동일한 서체, 코딩 작업 등에 주로 사용. 커시브(cursive) - 필기체. 판타지(fantasy) - 장식이 많은 서체, 제목 같은 일부 영역에 유용. 웹 안전 서체는 대부분의 PC에 내장되어 있는 서체. font-size - 글자의 크기를 지정. font-style - 이텔릭과 같은 스타일을 지정. font-weight - 글자의 굵기를 조절. font-variant - 영문자 소문자를 작은 대문자로 변경. line..