css font 속성 1. font-family : 글꼴 지정 - 여러개의 글꼴을 같이 설정 가능 2. font-style : 기울임 등의 지정 3. font-variant : 대소문자 조정 4. font-weight : 글자 두께 5. font-size : 텍스트 크기 설정 css 텍스트 속성 direction : 텍스트의 작성 방향 설정 color : 글자 색 설정 letter-spacing : 글자 사이의 간격 word-spacing : 단어(공백) 사이의 간격 text-align : 정렬(수평) vertical-align : 정렬("수직") - 해당 요소의 속성을 강제로 table-cell로 바꿔서 적용 text-decoration : 텍스트에 효과 설정or제거 line-height : 줄간격 설..

배경 - html의 모든 요소들은 각자의 배경을 가지고 있으며 설정이 가능 css background 1. background-color - 배경색 설정 2. background-image - 배경으로 나타낼 이미지 설정 3. background-repeat - 이미지의 반복 4. background-position - 반복되지 않는 배경이미지의 상대 위치 설정 5. background-attachment - 위치 고정 6. background(shorthand) - 속성명을 일일이 쓰지 않고 한줄에 전부 모든 속성을 표현하는 방법 ex) background : color / image │ repeat │ attachment │ position

css 색상 1. 색상명으로 표현 - w3c에서 정의한 16가지 표준 색상이 있다. 2. RGB 색상값으로 표현 - 0~255사이의 값으로 표현(RGB(red, green, blue)) 3. 16진수 색상값으로 표현 - #000000 ~ #FFFFFF ※RGB와 16진수 색상표는 인터넷에서 쉽게 검색하여 확인가능

CSS(Cascading Style Sheets) - 구조화된 문서(HTML)에 어떤식으로 랜더링 할 것인지를 정의하는 언어 - CSS는 HTML등 각 요소의 스타일을 정의하여 화면에 어떻게 랜더링하면 되는지 브라우저에게 설명해주는 언어(스타일시트) CSS 관련 용어 1. 셀렉터(선택자) - CSS를 통해 HTML 요소의 스타일을 적용하고자 할 때 그 해당요소를 선택하는 방법이자 수단 ⓐ 선택자의 종류 1) html 선택자 - 태그명 그 자체를 작성 2) id 선택자(단수) - #ID명 3) class 선택자(복수) - .class명 4) 그룹선택자 - 여러개의 태그, id 클래스 작성후로 구분 2. CSS문법 // 선택자 선언시작 속성명(프로퍼티) 선언구분자 속성값 선언구분자 선언끝 h1 { backg..

selectbox - 여러 개의 리스트에서 여러 아이템을 선택할 때 사용 - 서버에 전송되는 데이터는 select 요소의 name 속성을 key값으로 option 요소의 value 속성을 값으로 하여 key=value 형태로 전송된다 - key : 중복x / value : 중복o select : select form 생성 option : option 생성 optgroup : 옵션의 그룹화 selectbox 옵션 - selected : 처음 화면 오픈 시 선택될 값 지정 - disabled : 해당 속성은 선택할 수 없음 - multiple : 여러 옵션을 선택할 수 있음 벤츠 BMW 아우디 포드 ctrl키를 누르고 선택 시 중복선택 가능 벤츠 BMW 아우디 포드 벤츠 BMW 아우디 포드 현대 기아 쌍용 ..

button 버튼태그 checkbox 사과 포도 복숭아 color date datetime datetime-local email file hidden hidden fiel d는 사용자에 표시되지 않는다. image month number password radio 남자 여자 range reset search submit tel text time url week

form : 사용자가 입력한 데이터를 수집하기 위해 사용 input, textarea, button, select, checkbox, radio, submit ※ action : form 태그 안에 입력한 데이터들이 전송될 URL 지정 ※ URL,URI - URL : 웹 페이지 주소(네트워크상에서 필요한 정보(리소스)들이 어디있는지 알려주기 위한 규칙(규약)) - URI : 특정한 정보(리소스)를 식별하는 통합 자원 식별자 웹 개발에서 사용하는 논리적, 물리적 리소스를 식별하는 고유한 문자열 ※ method : 입력한 데이터의 전달방식 지정 - GET : 전송하는 URL에 입력한 데이터를 *쿼리스트링*으로 보내는 방식 전송 URL 바로 뒤에 ?를 통해 데이터의 시작을 알려주고 key-value 형태의 데..

사진모음 ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ css #header{ height: 150; } #nav{ height: 300px; display: inline-block; /* float: left; */ } #section{ height: 300px; display: inline-block; /* float: left; */ } #footer{ height: 305px; } ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ 선생님이 알려주신 쉬운 정답 사진모음