Html Css JavaScript
-
Javascript String 함수Html Css JavaScript 2022. 11. 22. 20:49
length() 문자열 길이 반환 charAt() 인덱스에 해당하는 문자열을 반환하는 함수 전역함수Ex: Javascript charAt IndexOf() LastIndexOf() 문자열을 찾아서 위치 반환. 못 찾으면 -1값 반환. IndexOf()는 앞에서 부터, LastIndexOf()는 뒤에서 부터. replace() 일치하는 문자 치환. replace("찾을문자", "새로운문자"); substr() substring() 특정 시작 끝 구간에 문자열을 반환. substr("시작인덱스", 문자개수) substring("시작인덱스", "끝인덱스"); split() 특정 문자열을 입력받아 일치하는 문자열 위치 전과 후 위치를 기준으로 잘라서 배열에 담는다. split("자를위치의문자") toLowerC..
-
Javascript input text 값 얻기Html Css JavaScript 2022. 11. 22. 20:25
Javascript input으로 입력된 text 값 얻기 html 코드 아이디 html 결과 HTML 삽입 미리보기할 수 없는 소스 사용자 입력 input - text, sumit, reset, image, password, search, url, email, tel, checkbox, radio, number, range, data, month, week, time, datatime, datetime-local
-
Css GridTemplate 'auto-fit' 'auto-fit'Html Css JavaScript 2022. 11. 22. 16:09
auto-fill or auto-fit auto-fit: repeat(n, minmax())함수와 함께 사용할 경우 화면 크기에 맞춰 내용을 반복 배치한다. auto-fill: repeat(n, minmax())함수와 함께 사용할 경우 최소 크기로 반복 배치한다. 예제 AutoFit 내용1 내용1 asf lksaj lksjal j lsjf lsjdfkl jsldkfjals jflsafd ------------- AutoFill 내용1 내용1 asf lksaj lksjal jasl lkjslkdj lsjf lsjdfkl jsldkfjals jflsafd HTML 삽입 미리보기할 수 없는 소스
-
Css 글자 꾸밈(텍스트) 관련 스타일Html Css JavaScript 2022. 11. 21. 21:45
color color: #AABBCC; color: rgb(0, 100, 200); color: rgba(0, 100, 200, 0.5); text-align text-align: right; line-height line-height: 2.0; text-decoration text-decoration: underline; text-shadow text-shadow: text-shadow: 1px 2px black; text-shadow: 1px 2px 3px #aabbcc letter-spacing 글자와 글자 사이의 간격. letter-spacing word-sapcing 단어와 단어 사이의 간격. word-sapcing
-
Css 적용 방식 - inline, 내부, 외부Html Css JavaScript 2022. 11. 21. 20:40
StyleType - Inline 제목1 내용11111 내용2222 내용3333 HTML 삽입 미리보기할 수 없는 소스 StyleType - 내부 제목1 내용11111 내용2222 내용3333 HTML 삽입 미리보기할 수 없는 소스 만약 "testh1"의 값으로 구분 하지 않으면 전체로 적용되어, 지금 화면의 주변 다른 예제들에도 h1의 스타일이 변경되어 버린다 Html속 Css적용(Html내부) Ex1 StyleType - 외부 test.css파일 h1 { padding:10px; background-color:#faf; color:#fff; } 제목1 내용11111 내용2222 내용3333
-
단위 값 px, em, remHtml Css JavaScript 2022. 11. 21. 20:24
상대(relative) 단위 고정되지 않고 어떤 기준에 따라서 유동적으로 바뀔 수 있는 단위. %, vw, vh, em, rem 등. 절대(absolute) 단위 어떤 상황에서든 항상 고정된 길이를 나타내는 단위. 많이 사용되는 px, pt, cm, in 등. font-size: 10px; 일 경우 em값일 경우, 상대 단위도 다음과 같이 비례해서 증가되게 된다.다. 0.5em = 10 px x 0.5 = 5px 1em = 10 px x 1 = 10px 2em = 10 px x 2 = 20px 3em = 10 px x 3 = 30px font-size: 20px; 일 경우 em값일 경우, 상대 단위도 다음과 같이 비례해서 증가되게 된다. 0.5em = 20 px x 0.5 = 10px 1em = 20 p..