목록[3] Development/HTML5&CSS3 (11)

DBA

Web Site 화면에 폰트 적용 하기

1. 폰트 파일을 알맞은 경로에 넣어두고 프로젝트에 추가 한다. 2. 폰트 파일을 지정할 스타일시트(nanumSquareRound.css) 파일을 생성 한다. @font-face { font-family: 'NanumSquareRound'; src: url('fonts/NanumFontSetup_TTF_SQUARE_ROUND/NanumSquareRoundR.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'NanumSquareRound'; src: url('fonts/NanumFontSetup_TTF_SQUARE_ROUNDNanumSquareRoundB.ttf') format('tru..
[3] Development/HTML5&CSS3 2024. 2. 22. 14:05
<div></div> 사이에 Text 넣기 - jquery

$("#div사용자명").html("이름: " + "코볼"); 이름: 코볼
[3] Development/HTML5&CSS3 2023. 3. 3. 11:13
css class 추가 / 삭제

아래 함수에 함축해 두었습니다. Script function MenuActivation(pViewName) { $("ul li a").removeClass("active"); $("#li" + pViewName).addClass("active") } MenuActivation("PageName1"); Html $("ul li a") : CSS 선택자 $("#liPageName1") : Tag ID
[3] Development/HTML5&CSS3 2023. 3. 3. 11:09
<span></span> 내용 변경

AA 정보 입력 jquery : $("#sDivision").text("BB정보 입력");
[3] Development/HTML5&CSS3 2022. 8. 26. 16:00
<textarea> 줄바꿈 포함 문자열 <div>에 보여줄 때

@{ string content = Model.content.Replace("\n", " "); } @*상단에 줄바꿈으로 치환해서 보여줌*@ @*@Html.Raw(content)*@ @*바로 줄바꿈으로 치환해서 보여줌*@ @Html.Raw(Model.content.Replace("\n", " ")) @*태그로 감싸서 보여줌*@ @*@Html.Raw("" + Model.content + "")*@ @*줄바꿈 없이 보여줌, 태그도 적용 안됨*@ @*@(Model.content)*@
[3] Development/HTML5&CSS3 2022. 4. 14. 09:34
<textarea> 줄바꿈이 있을때 DB에 저장했다가 꺼내서 다시 <textarea>에 넣을때 500 Error

C# ASP.net MVC 사용시 저장) 1. 변수에 담기 (View > Javascript Function) var jsMemo = $("#txtaMemo").val().replace(/\n/g, " "); 2. .ajax에서 넘길때 (View > Javascript Function) data: { targetID: jsTargetID, memo: encodeURI(jsMemo) }, 3. .cs단에서 DB에 저장할때 (Controller > Function) memo = memo == string.Empty ? null : memo; CHI.CHI_TargetMemo_U(targetID, HttpUtility.UrlDecode(memo)); 조회) 저장된 값을 Table Column에 보여 줄때 (V..
[3] Development/HTML5&CSS3 2021. 12. 21. 12:42
HTML Select Option Box 선택된 텍스트 가져오기

HTML Select Option Box 선택된 텍스트 가져오기 $("#ddlName option:selected").text();
[3] Development/HTML5&CSS3 2021. 9. 13. 15:06
DIV 꽉 채우고 개행 하기

white-Space 띄어쓰기나 줄바꿈, 탭으로 인한 공백 등의 공백문자를 처리하는 방법 설정. white-space:normal; white-space 기본값으로 연속 공백과 줄바꿈 등을 통합해서 표현 (보통 띄어쓰기와 줄바꿈을 몇번 하든지 결과는 띄어쓰기 한칸 인것처럼 적용) white-space:pre; normal과 반대로 원문 그대로 출력 white-space:nowrap; 공백은 nomal, 줄바꿈은 pre white-space:inherit; 부모요소의 값을 상속 word-break 텍스트가 들어가는 블록요소의 가로 사이즈에 맞춰 줄을 바꿈 강제줄바꿈 방지하고 텍스트 길이제한 word-break:normal; word-break의 기본값으로 단어 단위로 끊어서 줄바꿈 word-break:br..
[3] Development/HTML5&CSS3 2021. 7. 15. 09:56
<td> height & width 적용 새로운 구문

메시지 1 유효성 검사(XHTML 1.0 Transitional): 'height' 특성은 오래된 항목으로 간주됩니다. 새로운 구문을 사용하는 것이 좋습니다. 메시지 2 유효성 검사(XHTML 1.0 Transitional): 'width' 특성은 오래된 항목으로 간주됩니다. 새로운 구문을 사용하는 것이 좋습니다. 아래와 같이 바꿔 주면 된다.
[3] Development/HTML5&CSS3 2014. 12. 18. 09:45
참고 사이트

아래 사이트들은 "모던 웹 디자인을 위한 HTML5+CSS3 입문 - 윤인성 지음", "모던 웹을 위한 JavaScripot jQuery 입문" 에서 발췌 W3C의공식문서 : http://www.w3.org/TR/CSS/ W3Schools : http://www.w3schools.com/ Bootstrap : http://getbootstrap.com/2.3.2/ ColorPicker : http://www.colorpicker.com/ HSL색상선택 : http://www.workwithcolor.com/hsl-color-picker-01.htm CSS3Generator : http://css3generator.com/ Ultimate CSS Gradient Generator : http://www.c..
[3] Development/HTML5&CSS3 2014. 5. 8. 15:04
Prev 1 2 Next