본문 바로가기

프로그래밍/HTML, CSS, JavaScript63

[CSS] 폰트 관련 속성 알아보기 CSS 폰트와 관련된 속성을 이용하여 스타일을 지정하자 CSS의 다양한 속성들 중에서 가장 많이 사용되는 속성 중 하나인 폰트 속성에 대하여 알아 보겠습니다. font-family - 설명 : 글자체 이름 - 속성값 : 글자체(굴림, 바탕, arial 등) - 사용 예 : 글자체를 굴림으로 설정 - 결과 : 글자체를 굴림으로 설정 font-style - 설명 : 글자 모양 지정 - 속성값 : norma, italic, oblique - 사용 예 : 글자모양 설정 - 결과 : 글자모양 설정 font-size - 설명 : 글자 크기 - 속성값 : pt(포인트), px(픽셀), in(인치), %(퍼센트), small, medium, large, x-large 등 - 사용 예 : 글자크기 설정 - 결과 : 글자.. 2018. 1. 29.
[CSS] 스타일 정의 기본 형식 CSS 정의하는 방법 스타일의 정의는 스타일을 적용 할 대상과 대상에 적용할 속성과 속성값으로 구성 됩니다. 태그를 이용한 스타일 정의스타일을 적용할 대상을 선택자 selector 라고 한다면 일반적으로 HTML 태그들이 선택자로 사용 됩니다.선택자에 대하여 속성과 속성값을 설정 하는 부분은 { 와 } 안에서 설정을 하게 됩니다.속성과 속성값은 콜론(:) 으로 연결하여 정의 하게 됩니다. 예를 들어 태그에 속성과 속성값을 적용 해 보도록 하겠습니다.예> P {font-size:12px} 하나의 태그에 하나의 속성 뿐 아니라 여러 개의 속성을 지정 할 수 있습니다.한쌍의 속성과 속성값이 정의되고 난 후 또 한쌍의 속성과 속성값을 설정하기 위한 구분값은 세미콜론(;) 이 사용 됩니다.예를 들어 태그에 텍스트.. 2018. 1. 26.
자바스크립트 날짜와 시각 관련 함수 현재의 날짜와 시각 표시 하기 자바스크립트에는 Date 객체형의 변수를 선언하여 현재의 날짜와 시각에 대한 값을 얻을 수 있습니다. (대부분의 프로그래밍 언어들에서 제공 됩니다) 어떠한 함수들이 있는지 알아보도록 하겠습니다. 함수 설명 getYear() 1900년 이후의 연도를 지정합니다. getMonth() 반환되는 값 0이 1월을 의미합니다. getDate() 1~31 까지의 일을 반환합니다. getDay() 값 0은 일요일을 의미합니다. 값 1은 월요일을 의미합나다. getHours() 0~23 까지의 시를 반환합니다. getMinutes() 0~59 까지의 분을 반환합니다. getSeconds() 0~59 까지의 초을 반환합니다. ■ 예제소스 ■ 예제설명 - var day=new Date(); 부.. 2018. 1. 25.
자바스크립트 confirm 함수 예제 자바스크립트 confirm 함수 예제 자바 스크립트 confirm 함수에 대한 예제를 살펴 보도록 하겠습니다. confirm 함수는 확인과 취소 두개의 버튼을 생성하여 사용자가 선택한 버튼에 따라 논리 값인 참(true) 또는 거짓(false) 값을 반환하게 됩니다. 실무 사용 예 1. JavaScript confirm() 의 경우 업무 프로그램에서 저장 또는 중요한 액션이 발생하기 전 한번 더 확인 하는 역할로 많이 사용 됩니다. 즉 실수로 버튼을 클릭하였을 경우, 바로 처리 되지 않도록 하는 역할을 하게 됩니다. 2. 사용자의 선택(true or false)에 따라 다른 로직을 실행 시키는 역할을 합니다. 이 부분에 대항 예제를 간단하게 알아보도록 하겠습니다. 예 1. 예2. 2018. 1. 23.

티스토리툴바