목록web/css (27)
Rainbow
https://gold-dragon.tistory.com/38 float를 clear 하는 방법 float clear box1 box2 empty-box * { margin: 0; padding: 0; } .box-wrap { background-color: yellow; } .box1 { width: 100px; height: 100px; background-color: red; } .box2 { width: 100p.. gold-dragon.tistory.com 부모 요소의 가상 선택자 클래스 ::after로 clear: both; 속성을 적용 box1 box2 empty-box * { margin: 0; padding: 0; } .box-wrap { background-color: yellow; }..
웹 호환성 테스트 QA팀 : 사이트 완성 후 -> 기획 -> 디자인 -> 퍼블리싱 -> 개발 - 모든 것들이 잘 이루어졌는지 기간 내에 QA팀이 테스트한다. - 다양한 브라우저 버전 정보를 열어보고 환경에 맞춰서 각각 테스트한다. - 회사에서는 모든 브라우저 정보, 버전을 테스트하라고 직접 환경을 제공해 주지 않는다, - 우리가 직접 할 수 있는 만큼 호환성 테스트를 한다. - 나중에 오픈을 한 뒤 테스트 기간 내에 오류들은 그때그때 수정한다. 사이트 호환성 기준 - 기획, 파트에서 정한다 , 고객사에서 별도 요청 - 파이어 폭스, 크롬 자동 업데이트 - 인터넷 익스플로러 window os 버전에 따라 업데이트 - 정품, 가품 구분한다. - 사용자들이 제대로 된 정보를 얻기 위해서는 window10 이상..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/coyv7m/btrbAA3Bh6I/2MGn3q3H7axweJlXQc66g0/img.png)
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처리 해버리곤 한다.. 하지..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/raN96/btq92RgaTGi/HOEJjQGeZTYBlgkk6bu1M1/img.png)
상대 단위 상대(relative) 단위란 고정되지 않고 어떤 기준에 따라서 유동적으로 바뀔 수 있는 길이를 나타내는 단위입니다. 본 포스트에서 다룰 em과 rem을 포함해 %, vw, vh 등이 대표적인 CSS의 상대 단위입니다. 절대 단위 절대(absolute) 단위는 어떤 상황에서든 항상 고정된 길이를 나타내는 단위입니다. 대표적으로 예전부터 현재까지 많이 사용되는 px와 pt를 들 수 있고, cm나 in와 같은 실생활에서 많이 사용되는 단위들도 이 절대 단위에 범주에 속합니다. PX : 폰트의 크기를 고정하고 싶을 때 씁니다. - 가장 기본적으로 사용되는 단위입니다. - 이것은 픽셀단위라는 고정값에 따라 정해지기 때문에 화면의 크기나 확대와 같이 사용자가 임의로 정의할 수 없는 고정된 값을 말합니다..