본문 바로가기
반응형

CSS12

어느 배운사람의 초월번역.jpg baby making face 어느 배운사람의 초월번역.jpg baby making face 아가는 표정을 짓고 있습니다. babymaking face 아 가는 표정을 짓고 있습니다. ㅋㅋㅋㅋ대박... 2019. 6. 11.
-웹접근성 앵커태그 A 에 onfocus hover 시각화 (점선테두리)가 나타나지 않을 때 해결법. 초점을 인지할 수 없는 링크 및 서식개수 웹접근성 앵커태그 A 에 onfocus hover 시각화 (점선테두리)가 나타나지 않을 때 해결법. 초점을 인지할 수 없는 링크 및 서식개수웹접근성 심사를 받다보면, 전혀 예기치 못했던 부분에서 감점을 받게 되는 경우가 종종있다.https://a1itvouloir.tistory.com/70 2017. 7. 18.
- checkbox css 체크박스 스타일로 예쁘게 하는 법 - 웹 접근성 맞추기 input[type=checkbox] + label checkbox css 체크박스 스타일로 예쁘게 하는 법 - 웹 접근성 맞추기 input[type=checkbox] + labelhttps://a1itvouloir.tistory.com/76 2017. 6. 26.
자바스크립트로 구현한 rgb 색상표 + CSS 16진수 rgb 색상코드 자바스크립트로 구현한 RGB색상표 + CSS 16진수 색상코드https://a1itvouloir.tistory.com/78RGB색상표를 CSS 16진수(HEX) 색상코드로 표현하기RGB 색상 코드표 2다음2네이버0기타0 RGB 색상 코드표2rgb 색상표2#bcbcbc 색상1RGB 색상표1RGB색상표1rgb 흰색 16진수1빨간색16진수코드1 자바스크립트의 예제는 다음 링크에 2015/08/19 - [it,인터넷/UI,UX] - [JavaScript] Javascript로 rgb색상 출력하기 html색상코드표 만들기 #000000 #040404 #080808 #0c0c0c #101010 #141414 #181818 #1c1c1c #202020 #242424 #282828 #2c2c2c #303030 #343.. 2016. 12. 9.
-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.
반응형