css 2

[CSS] calc 함수 사용하기

CSS를 보면 가끔 calc라는 이름의 함수를 만나곤 합니다. 이름(calculation)으로 알 수 있듯이 속성의 값을 계산을 해주는 함수입니다. + - * / 사칙연산을 지원합니다. calc 함수는 브라우저의 크기에 따라 요소의 너비가 높이가 변화해야 하는 경우 사용하기 적절합니다. calc 함수 사용법 예제입니다 calc 함수 사용법 예제입니다 calc 함수 사용법 예제입니다 결과 HTML 삽입 미리보기할 수 없는 소스 3번째 줄 ( class = "text3") 에 경우 width: calc(100%/2-100px); 가 제대로 적용되지 않은 것을 확인할 수 있습니다. 여기서 우리가 알아야 할 것은 + 또는 -를 할 떄 +와 - 양 옆에 띄어쓰기를 해줘야 한다는 것입니다. 붙여서 쓰면 동작하지 않..

CSS 2023.01.28

[HTML/CSS] input 태그의 여러가지 타입

태그의 여러 가지 타입 HTML에서 사용되는 Input 태그의 여러 가지 타입이 있다. 오늘은 input 태그의 타입 중 다음 10가지를 알아보고자 한다. 텍스트 (text) 비밀번호 (password) 숫자 (number) 체크 박스 (checkbox) 날짜 / 시간 (date / time) 파일 / 이미지 (file / image) 범위 (range) 이메일 (email) 버튼 (button) 전송 (submit) 1. 텍스트 (text) 속성 값 "text" , 텍스트를 입력받을 수 있다. 2. 비밀번호 (password) 속성 값 "password" , 비밀번호를 입력받고 입력한 값은 별표 혹은 작은 원으로 표시된다. 3. 숫자 (number) 속성 값 "number" , 숫자를 입력하고 화살표를..

Html 2023.01.10