CSS 기본 속성 text color : 텍스트 색상 letter/word-spacing : 문자/단어 사이의 간격 설정 text-indent : 단락의 첫 줄을 들여쓰기 여부 설정 ex) :30px; text-align : 텍스트 정렬 설정 ex) :left/ right/ center; text-decoration : 텍스트에 여러가지 효과 설정 혹은 제거 ex) :overline/ line-through/ underline/ none; line-height : 텍스트의 줄 간격 설정 ex) :1.8; text-shadow : 그림자 효과 설정 ex) : 2px 1px #3399CC; font font-weight : 텍스트를 얼마나 두껍게 표현할지를 설정 font-size : 텍스트 크기 설정 lin..
CSS에 대한 기본내용 CSS(Cascading Style Sheets) : HTML을 보완하기 위해 만들어진 것으로 폰트, 색상, 공백 공간과 그 밖의 문서 표현 측면을 자유롭게 지정할 수 있는 기능을 제공하는 스타일 시트 언어. - HTML로 일일이 세부 스타일을 지정해주는 것에 대한 보안 - 완성 후 스타일 변경 및 유지보수의 간편화 - HTML의 표현 한계 보완 - 문서의 컨텐츠와 스타일을 분리함으로 작업의 효율성 향상 CSS의 문법 h1 { color: #FF0000; background: #00FF00 } h1 : 선택자 { } : 선언부 color, background, … : 속성명 #FF0000, #00FF00 : 속성값 : : 콜론 ; : 선언 구분자 CSS의 문법은 선택자와 선언부로 ..
색을 고르세요 빨강/파랑 파랑/노랑 노랑/주황 초록/보라 회색/흰색
//폼과 영역을 만든다. //오늘날짜출력하기 를 누르면 표준시 정보를 날짜 영역에 출력한다. //시간출력하기 를 누르면 시간 영역에 시, 분, 초 단위를 출력한다. 날짜/시간 출력하기 날짜 영역 시간 영역
//폼을 만든다. //첫번째 방식인 radio를 선택하면 해당 컬러를 선택했다는 알림창을 띄우고 배경색을 바꾼다. //두번째 방식인 버튼을 선택하면 바로 배경색을 바꾼다. //세번째 방식인 리스트를 선택하면 바로 글자색을 바꾼다. 색을 고르세요 빨강 파랑 분홍 초록 라임 white pink black yellow skyblue
//프롬프트를 띄워 주민번호를 입력받는다. //형식이 올바르지 않다면 경고창을 띄운다. //올바른 형식을 입력했다면, 해당 주민등록번호를 이용하여 성별, 나이, 생일을 페이지에 출력한다.
//폼을 만든다. //국어, 영어, 수학 점수 미 입력시 경고창을 띄우며, 해당칸에 입력을 받는다. //점수 입력 후 점수계산을 누르면 총점과 평균을 계산하여 출력하고, 평균값을 수정하지 못하게 한다. //그 상태에서 평가를 누르면 평균점수에 따른 결과 등급을 출력한다. 성적구하기 국어 : 영어 : 수학 : 총점 : 평균 : 결과 :
간단한 계산기 만들기 간단계산기 숫자1 : 숫자2 : 입력한 수 까지의 합 구하는 계산기 만들기 입력한 수 까지의 합 구하기 부터 까지 프롬프트 계산기 만들기 프롬프트 계산기
