본문 바로가기
반응형

퍼블리싱13

어느 배운사람의 초월번역.jpg baby making face 어느 배운사람의 초월번역.jpg baby making face 아가는 표정을 짓고 있습니다. babymaking face 아 가는 표정을 짓고 있습니다. ㅋㅋㅋㅋ대박... 2019. 6. 11.
-[반응형 웹 기초] @media screen and (max-width:620px) and (min-width:300px) [반응형 웹 기초] @media screen and (max-width:620px) and (min-width:300px)반응형 웹의 기초 @media screen and (max-width:620px) and (min-width:300px) 반응형 웹에 대해 두려움을 갖고 있는 퍼블리셔들이 제법 많다. 사실 알고 보면 별거 아니다. 몇가지 가로폭에 대한 시나리오대로 CSS를 적용해주면 90%(?)는 끝난 게임이다. 물론 그 과정은 코딩 답게 노가다이긴 하다. 같은 스타일에 대해 2번 이상을 기술해줘야 하는 작업이니까 말이다.https://a1itvouloir.tistory.com/94 2017. 3. 1.
-CSS 선택자 (selector)의 정의와 사용법 CSS를 다루는데 있어서 가장 기초적이고 기본적이고 핵심 적인 것이 바로 CSS 선택자의 활용이죠. CSS를 기똥차게 다루다보면 .hack도 발견하게 됩니다. 대부분의 css핵이 바로 선택자의 오류 혹은 적용가능한 브라우저 버전의 차이로 인한 일종의 버그인데요. 이 포스팅에서는 기본적인 CSS의 선택자에 대해서만 다루고 집중하도록 할게요. CSS의 선택자 문법은 다음과 같죠. https://a1itvouloir.tistory.com/79 CSS 선택자 (selector)의 정의와 사용법 CSS를 다루는 데 있어서 가장 기초적이고 기본적이고 핵심 적인 것이 바로 CSS 선택자의 활용이죠. CSS의 선택자 문법은 다음과 같죠. 선택자 { 속성:값} /*example*/ select {position:abso.. 2016. 10. 19.
- [웹표준 CSS] cursor:pointer가 웹표준. cursor:hand는 ie에서만. [웹표준 CSS] cursor:pointer가 웹표준. cursor:hand는 ie에서만.https://a1itvouloir.tistory.com/82 2016. 10. 4.
IE7, IE8 CSS opacity 투명도 적용방법 filter: alpha(opacity:'60'); filter: alpha(opacity:'60'); IE7, IE8 CSS opacity 투명도 적용방법 표준에서 html 객체의 투명도를 CSS로 조절하고자 할 때 표준은 .showBG { opacity: 0.6; }와 같이 작성해주는데요. 위와 같은 느낌을 줄 때 종종 사용되는 CSS죠.하지만 IE8버전 이하에서는 위와 같은 표준 방식의 "opacity:"는 적용되지 않아요. 이럴 때는 filter를 사용합니다.하지만 이 방식은 어디까지나 비표준방식이기 때문에 웹표준과 웹접근성 프로젝트를 진행중일 때는 해당 CSS는 IE7.css와 IE8.css로 별도로 분리시켜서 조건 분기해서 사용하는 것이 좋습니다. 물론 한 클래스에 다음과 같이 동시에 적용한다고 해서 오동작을 일으키거나, 접근성 심사에서 떨어지.. 2016. 9. 13.
css3 background-size:cover contain 속성 ie7, i8 핵 background-size-polyfill with 짤 : 스타킹 하이힐 IE EDGE까지 나와 있는 세상에서 여전히 IE7 버전에 대한 하위 호환 크로스브라우징을 해줘야 하는 것이 짜증이나지만... UI는 안되는 것도 되게 하는 신성한 직업! 브라우저들이 미쳐 날뛰더라도 핵이건 뭐건 써서 잘 맞춰보자.https://a1itvouloir.tistory.com/62 2016. 8. 9.
반응형