728x90 반응형 CSS/CSS 기초62 [CSS]아이폰 사파리 모바일 input 안쪽 그림자 없애기 기본설정으로 모바일 사파리에서 보면 border-radius와 함께 inner-shadow 효과가 적용되어있다. border-radius를 없애기 위해서는 간단하게 border-radius : 0; 이렇게 해주면 되지만 inner-shadow는 아래와 같은 속성을 적용해준다. input{ -webkit-appearance: none; } 2019. 7. 22. [CSS] 모든 브라우저에서 같은 결과를 보기위한 reset.css 각 브라우저별 기본 설정값이 다르기때문에 모두 같은 스타일 적용을 위해서 초기화를 해주어야한다. 아래의 사이트에서 선택하여 한가지를 사용하면 된다. http://html5doctor.com/html-5-reset-stylesheet/ HTML5 Reset Stylesheet | HTML5 Doctor We’ve had a number of people ask about templates, boilerplates, and styling for HTML 5. Last week, Remy introduced some basic boilerplates for HTML 5, so to keep the momentum going, I’ve modified Eric Meyer’s CSS reset for you to.. 2019. 6. 20. [CSS]변경되는 css를 미리 브라우저에 알려 성능을 개선하는 will-change 속성값 { will-change: auto; /* 기본값 - 별다른 동작안함 */ will-change: scroll-position; /* 스크롤할때 엘리먼트가 변경될것을 알려줌 미리 최적화함 */ will-change: contents; /* 엘리먼트 컨텐츠가 변경됨을 미리 알려줌 - 캐시를 하지 않음 */ /* 변경하고 싶은 속성을 적어준다 ,로 여러개를 사용할 수 있다. */ will-change: transform; will-change: top, left; } 너무 많이 사용하면 의미가 없다. 변화 후 will-change: auto로 변경해줘야 더이상 최적화를 하지 않는다. will-change 없이 작동이 잘 된다면 사용할 필요가 없다 오히려 더 느려질 수 있음 will-change는 미리.. 2019. 6. 13. [CSS] outline & border 속성 outline See the Pen outline by gahyun (@gahyun) on CodePen. border See the Pen border by gahyun (@gahyun) on CodePen. 2019. 6. 11. 이전 1 2 3 4 5 6 ··· 16 다음 728x90 반응형