본문 바로가기
반응형

퍼블리싱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.
[CSS] 텍스트 속성 text-align, text-decoration; text-indent;text-justify,text-overflow, text-shadow 텍스트 속성 text-align, text-decoration; text-indent;text-justify,text-overflow, text-shadow text-aligninheritleftcenterrightjustify 글자의 배치를 "왼쪽 중앙 오른쪽"중 어느것을 기준으로 할지 결정한답니다. 이 중 가장 퍼블리셔를 골치 아프게 하는 속성이 justify입니다. text-justify와 함께 쓰입니다. text-align:inherit; (상위 속성 상속) text-align:left; text-align:center; text-align:right;text-decorationinheritnoneunderlineoverlineline-throughblink a 태그와 가장 많이 쓰이죠. link.. 2016. 8. 7.
[CSS 크로스브라우징] 크롬과 사파리 테이블에서 col width %값 인식 버그 position:absolute 오류 [크로스브라우징 CSS] 크롬, 사파리 테이블 col width %값 인식 bug- position:absolute 오류 콜 width % 오류 테스트 콜 width % 오류 테스트 35% 25% x% 5% checker checker checker checker 콜 width % 오류 테스트 IE 6.0 IE 8사파리 브라우저 크롬위에 보다시피 파이어폭스,인터넷 익스플로러에서는 별 문제 없어 보이지만, 크롬 브라우저와 사파리브라우저에서는 %로 테이블 col width 값을 준 경우에 간격이 모두 똑같아 보이는 현상이 생긴다. 이럴 때 테이블 caption의 스타일에 position:absolute가 들어 있어서 생긴다. 그렇다고 absolute를 빼버리면 top:-9999를 처리할 수가 없고, 이게 처.. 2015. 7. 27.
[CSS3] rgba(0,0,0,0.25) rgba(red, green, blue, alpha) vs opacity [CSS3] rgba(0,0,0,0.25) rgba(red, green, blue, alpha) vs opacityCSS3 rgba(0,0,0,0.25) rgba(red, green, blue, alpha) 텍스트의 color 값을 rgba 로 설정한다. rgba 는 red, green, blue, alpha 로 기존의 RGB이외에 알파값의 투명도까지 한번에 설정해줄 수 있다. 빨간색으로 설정하는경우 rgba(255, 0, 0, 1) 로 설정. R, G, B 값은 0~255 까지의 값을 가지며 a 값은 0~1 까지의 값을 가진다. 아래는 빨간색을 투명도 0.25로 설정한 것. 25%의 투명도 값을 갖게 된다. 25%의 투명도에 빨간색 텍스트100%의 투명도에 빨간색 텍스트 25%의 투명도에 빨간색 텍스트.. 2015. 7. 21.
반응형