Web/HTML_CSS9

• 특정 위치만 이미지 자르기 css 상단 이미지 자르기 style="position: absolute; clip: rect( 150px, auto, auto, auto );" 아래 참고함 https://css-tricks.com/crop-top/ Web/HTML_CSS 2023. 3. 1.

• [부트스트랩] 팝오버 사용버, need click twice after hide a shown bootstrap popover 옵션은 도큐먼트보면 기본 사용법 알 수 있고, 팝오버 내부에 html 값 넣으려면 https://stackoverflow.com/questions/13413057/how-to-insert-close-button-in-popover-for-bootstrap 팝오버 내부에 버튼 넣고, 버튼으로 닫기 눌렀을 때 두번 눌러야한다.need click twice after hide a shown bootstrap popoverhttps://stackoverflow.com/questions/32581987/need-click-twice-after-hide-a-shown-bootstrap-popover fiddle http://jsfiddle.net/fvE22/115/ Web/HTML_CSS 2018. 10. 31.

• REST API 제대로 알고 사용하기 [ REST API 개념 ] http://meetup.toast.com/posts/92 REST API 제대로 알고 사용하기목차REST API의 탄생REST 구성REST 의 특징REST API 디자인 가이드HTTP 응답 상태 코드어느 날 뜬금없이 대학교 친구에게 전화가 왔습니다. 그러더니 ‘야, REST API가 정확히 뭐 어떤 거야? 하는 질문에 가슴에 비수가 날아와 꽂힌 듯한 느낌을 받았습니다. 며칠 전 카톡으로 요즘 보통 웹서비스들은 ‘REST API형태로 서비스를 제공한다’고 아는 척을 조금 했던 기억이 머릿속을 빠르게 스쳐 지나갔고 그 순간 대충 얼버무리며 ‘아, 그거 REST하게 클라이언트랑 서버간에 데이터를 주고 받는 방식’을 말한다며 얼렁뚱땅 마무리 지었던 기억이 납니다. 실제로 REST API의 서비스를 직접 개발도.. Web/HTML_CSS 2018. 8. 29.

• ::after 을 이용해 css 삼각형 , 화살표 가르키기 방향 , https://m.blog.naver.com/PostView.nhn?blogId=eunjin10914&logNo=221004085897&proxyReferer=https%3A%2F%2Fwww.google.com%2F 출처 윗 이직을 하고 나서 무지 바빠져서 포스팅 할 시간이 없네요. 코드 정리하기도 시간이 빠듯합니다. 오늘은 제가 자주 사용하는 삼각형을 css로 그려보도록하겠습니다. 제목에서 언급한 것 처럼 ::after 를 사용할 건데요. :after를 사용하며 IE9 이하에서도 맞출순 있지만 css로 transform을 사용하기때문에~! IE9버전 이상부터 적용이 됩니다! 위의 이미지를 구현해 보도록 하겠습니다. 코드는 아주 간단합니다. html css .area-main-ment{ backgroun.. Web/HTML_CSS 2018. 7. 13.

• [bootstrap] Popover with custom css styled radio buttons 팝오버 내부 라디오버튼 https://codepen.io/geek4christ/pen/QwpBLx Web/HTML_CSS 2018. 7. 13.

• 콤보박스(select)에서 Readonly http://bryan7.tistory.com/145 [출처] http://blog.naver.com/csk7179/80112888854 수정화면을 개발시 읽을 수만 있고 변경을 못 하도록 할때 일반적으로 처리를 한다.그런데 체크박스/라디오버튼/Select는 readonly 프로퍼티가 먹지 않는다.다른 방법은 disabled ( 예: )인데 이건 안타깝게도 처리화면으로 값을 넘기지 못한다. 해서 웹을 헤메이다 찾은 소스를 소개 합니다. Select 에서 Readonly 와 같은 동작을 하게 하는 소스 입니다. 아래부분을 쫙 긁어다 붙여서 테스트 해보세요.^^ < select name='choice' id='choice' readonly style='background-color:#ababab' onFoc.. Web/HTML_CSS 2017. 10. 31.

• CSS 강좌 | Tips > 체크박스(checkbox) 테두리 변경하기 (원으로 만들기) https://www.cmsfactory.net/node/10144 input 요소의 테두리 색은 border 속성으로 정할 수 있습니다. 하지만 checkbox의 테두리 색은 border 속성으로 바꿀 수가 없습니다. 그래서 checkbox 테두리 색 변경은 다른 방식으로 접근해야 하는데, 그 중의 하나가 label 태그를 이용하는 것입니다. label을 클릭해도 해당 checkbox가 체크되거나 해제되는 것에 착안한 방법입니다.다음과 같이 빈 라벨을 갖는 체크박스를 하나 만듭니다. Checkbox Border Color 다음의 CSS 코드로 라벨을 네모로 만들고 테두리를 원하는 모양으로 정합니다.input[id="cb1"] + label { display: inline-block; width: 14p.. Web/HTML_CSS 2017. 6. 27.

• TD 사이즈 조절 Web/HTML_CSS 2016. 4. 29.

• 

  FLAT UI. 디자인 오픈소스 . Web/HTML_CSS 2015. 12. 23.