[CSS] CSS - 글꼴 설정하기
·
HTML, CSS, JavaScript
font-size: value1 | value2 | value3글자 관련 스타일1. font-family글꼴을 지정하는 속성으로, 텍스트를 사용하는 요소(, , 태그 등)에 자주 사용 태그에서 정의하면, 문서 전체에 적용되며 자식 요소에 대해 같은 글꼴 사용 가능 *** 기본형 기호  W3C 표준 규약에서 사용하므로 알아두면 나중에 읽기 쉬움!!1. ' | ' 는 나열 옵션중 하나가 값이 되어야 한다는 뜻font-size: value1 | value2 | value3value1 ~ 3 중 하나가 속성값이 됨2. 속성값을 나열할 때 키워드는 그대로 나열font-variant: normal | small-capsfont-variant의 기본 속성인 normal, small-caps 명시3. 속성값을 나열할..
[CSS] CSS의 기본
·
HTML, CSS, JavaScript
CSS란Cascading Style Sheet의 약자로, 웹 문서에서 글꼴, 색상, 정렬 등 각 요소의 배치나 디자인을 담당하는 역할을 맡는다. 반응형 웹앱, 미디어 쿼리 등 동적인 디자인부터 기본 틀까지 모든 디자인을 구성할 때 사용하는 기술이다.스타일과 스타일 시트스타일 형식(규칙)CSS는 기본적으로 한 줄이 하나의 스타일에 해당선택자 { 속성 : 속성 값; } 의 형태로 구성, 이를 스타일 규칙이라 부름.selector { text-align: center; color: blue;}스타일 시트웹 문서 안에서 스타일 규칙을 한 눈에 확인하고 필요할 때 수정하기 쉽도록 한 군데 묶어 놓은 것, css 파일 등크게 브라우저 기본 스타일, 사용자 스타일로 구성되어있음사용자 스타일은 인라인 스타일과 내..
[HTML] HTML의 기초 구성 - 입력 태그
·
HTML, CSS, JavaScript
태그웹페이지에 제출하는 용도인 폼 형식을 만드는 가장 기본적인 태그내의 정보는 웹 서버로 전달되어 작업을 처리여러 폼...  태그에 사용하는 속성들1. method사용자가 입력한 내용을 서버쪽 프로그램에 넘기기 위해 방법을 지정하는 속성get - 256~4096 Byte 제한으로 서버에 넘길 수 있으며, 주소 표시줄에 입력한 내용이 그대로 드러남post - 입력 내용 길이에 제한 받지 않으며, 입력한 내용도 드러나지 않음...2. name자바스크립트로 폼을 제어할 때, 사용할 폼의 이름 지정...3. actionform 태그 안의 내용을 처리할 서버 프로그램 지정...4. targetaction 속성에서 지정한 스크립트 파일을 현재 창이 아니라, 다른 위치에서 열게하는 속성...blank 속성은 이미 열..
[HTML] HTML의 기초 구성 - 기본 구조 및 내용 입력 태그
·
HTML, CSS, JavaScript
HTML문서의 기본 구조HTML문서는 정해진 형식에 맞추어 내용을 입력해야함 1. 현재 작성한 문서의 버전을 나타내는 문구자동입력시 HTML5언어2. 웹 문서의 시작과 끝을 나타내는 태그웹 브라우저는 html 태그 내의 소스를 읽어 화면에 표시3. 웹 브라우저가 웹 문서를 해석하는데 필요한 정보 태그로 웹 제목(티스토리, Naver, Nexon 등)을 결정 과 같이 데이터에 관련한 데이터 표현 태그로 js 파일 호출4. 웹 브라우저에 표시할 내용 입력자주 사용하는 시맨틱 태그이름만 봐도 의미를 알 수 있는 태그, 유지보수가 쉽게 되도록 함 1. 사이트에서 맨 위쪽 혹은 왼쪽을 담당검색 창이나 사이트 메뉴 삽입2. 웹 문서안에서 다른 위치로 연결하거나, 다른 웹 문서로 연결하는 링크 생성header, fo..