일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- css
- 공모주 청약 일정
- Stock ipo
- 7월 공모주 청약 일정
- Eclipse
- 공모주
- SQL
- 공모주 청약
- JavaScript
- 맥
- php
- Stock
- 오라클
- java
- codeigniter
- linux
- 주식 청약 일정
- 자바스크립트
- 코드이그나이터
- JSTL
- jquery
- 자바
- MYSQL
- Oracle
- IPO
- 제이쿼리
- 주식
- 주식 청약
- html
- 리눅스
- Today
- Total
목록개발/html & css (107)
개발자의 끄적끄적
[HTML] referrerpolicy 으로 외부 링크 금지 이미지 회피 [펌] 가끔 외부 이미지를 퍼올때 403에러 등의 이류로 못땡겨오는 상황이 생기곤합니당 아직 테스트는 안해봤지만 혹시나 하는 마음에 공유하고자 퍼왔습니다!! 참고들 하세요!! 이미지의 referrerpolicy="no-referrer" 애트리뷰트를 사용해서 리퍼럴 체크로 외부 링크 금지 이미지에 대해서도 브라우저에서 보여줄 수 있다. 호환성 보장못함! IE는 불가 사파리 불가. -----------=------- 특이점으로 https 페이지에서 http 이미지를 그냥 사용할 경우, referer을 기본으로 안보내기에 위 애트리뷰트 없이 동작이 됨 (크롬-PC에서 확인 함) [ ▼ 참고 Source ] 1 추가적인 사항 header ..
[css] IE에서 Input 태그안에 있는 Clear Button 지우는 법 [펌] 익스플로러(IE)에서 input 태그의 text 속성을 가지는 입력폼을 사용하는 경우 구현된 UI의 추우측에서는 자동으로 X버튼이 생성됩니다. 이 X버튼은 텍스트를 모두 삭제하는 버튼으로 이버튼을 제거하거나 스타일을 변경하는 방법을 알아보고자 합니다. 어떻게해야할까요? # IE에서 input 태그 스타일 변경하기 이를 컨트롤 하기 위해서는 의사선택자(pseudo selector)를 사용해야 합니다. 이때 아래와 같이 해당 엘리먼트를 선택하여 사용할 수 있습니다. input::-ms-clear { } 그렇다면 만약 입력폼에서 실제로 어떻게 사용되는지 간단한 예제를 사용해보겠습니다. ! IE에 적용하는 input 태그 스타..
[css] 단위별 폰트크기(px, em, %, pt) CSS 단위별 폰트크기(px, em, %, pt) 단위별 폰트의 특징 pt : points(포인트) - 1포인트는 0.72인치 px : pixels(픽셀) - 화면 해상도에 대한 상대크기 %, em - 지정되거나 상속받은 (또는 상위 엘리먼트)에 대한 백분율 상대 크기 대부분의 브라우저는 폰트 사이즈의 기본값이 12pt, 16px, 1em, 100% 입니다. Pixel to Em Converte 및 자세한 내용은 http://chongmoa.com/extopxViewer 참조 PixelsEMsPercentPoints16px1.000em100.0%12pt 6px 0.375em 37.5% 5pt 7px 0.438em 43.8% 5pt 8px 0.500em..
[css] border-radius 테두리(border)의 모서리를 둥글게 [펌] CSS3 border-radius 테두리(border)의 모서리를 둥글게 border-radius 는 IE9 이상, Firefox, Chrome, Safari, Opera 에서 지원합니다. IE9 이하에서는 지원되지 않습니다. border-radius 는 시계방향으로 속성값을 정하시면됩니다. border-radius: 좌상단 우상단 우하단 좌하단 순서대로! border-top-left-radius: 5px; /* 좌상단 */ border-top-right-radius: 5px; /* 우상단 */ border-bottom-right-radius: 5px;/* 우하단 */ border-bottom-left-radius: 5px..
[CSS] 텍스트 줄바꿈 처리 word-break, white-space [펌] 작업을 하다보면 텍스트가 정해진 width를 넘어가는 경우 어떻게 처리해야 하나 고민이 될 때가 있습니다. 그럴 때는 상황에 따라서 이 것들을 사용해서 해결해주면 좋을 듯 합니다. word-break word-break 는 말 그대로 단어를 자르는 겁니다. 기복적으로 줄이 넘어갈 때는 단어단위로 잘려서 넘어가게 되어 있습니다. 그래서 띄어 쓰기를 하지 않고 글을 쓴다면 한 단어로 인식하여서 width 를 넘어가도 줄바꿈이 되지 않습니다. 그럴 때 word-break 를 사용해주면 줄바꿈이 가능하게 됩니다. .selector {word-break:break-all;} 위와 같은 속성을 주게되면 위의 그림의 아래 부분과 같이 단..
[html / css] CSS 줄바꿈 금지 - white-space:nowrap; [펌] 줄바꿈이 되지않은 것(뚫고 나오네요) 현재 시각은 2015년 1월 25일 일요일 오후 10시 45분 입니다. ^^* 줄바꿈이 된것 현재 시각은 2015년 1월 25일 일요일 오후 10시 45분 입니다. ^^* 출처 : http://superkts.pe.kr/helper/view.php?seq=V&seq=390
[html/css] background image 바꾸기 예를들면, document.body.style.background = "url('이미지 경로') no-repeat 0 0"; 위처럼하면 body 부분에 배경이 들어가게 되고, 특정 id 부분에 이미지를 변경하려면 document.getElementById("id").style.background = "url('이미지 경로') no-repeat 0 0"; 위처럼 getElementById("아이디") 부분에 아이디를 변경하여 동작시키면 해당 아이디만 배경이미지가 변하게 됩니다! 이미지 뿐아니더라도 이런식으로 응용하시면 많은 작업들이 가능하죠 ㅎㅎ 참고들 하세요!!
[html/css] 마우스 오버시 나오는 alt와 title 차이 1. alt(alternative) : '이미지의 대안, 이미지에 대한 설명'이라고 보시면 됩니다. 용도는 ① 인터넷 속도, 또는 컴퓨터 사양 문제로 웹브라우저 설정을 '이미지 출력 안 함'으로 한 사용자에게 이미지에 대한 간략한 설명을 볼 수 있음. (데스크탑이 아닌 모바일기기로 접속시에도 유용함.) ② 시각장애인의 웹서핑시 사용하는 리더(reader) 프로그램이 텍스트는 읽어주나, 이미지는 읽을 수 없으므로 alt태그 안의 설명을 읽어줌. ③ 일반인 웹서핑시 인터넷 접속 등의 문제로 해당 이미지를 불러오지 못했을 때, 배꼽과 함께 이미지 설명을 보여줌. 2. title : 이미지 위에 마우스 포인터를 올려 놓았을 때 풍선 도움말처럼 뜨..