CSS source(= CSS code) 1줄 = 1개 style 자세히 보면 줄마다 형태가 비슷하다?ㅎㅎㅎ selector { attribute1: attribute value1; attribute2: attribute value2 } 선택자 { 속성1: 속성값1; 속성2: 속성값2; } 속성1: 속성값1; → 묶어서 'declaration(선언)'이라고 부름. 중괄호 { } 안에 든 이 속성들 전체를 한데 묶어 'decalration block(선언블록)'이라고 부름. 그래서, CSS 공부란 곧, 다양한 속성과 그 속성에는 어떤 값을 쓰는지 배우는 것을 말한다! 그런데 속성이 여러 개 적용되면 사람들이 이해하기 힘드니까 위의 파란색 글씨 부분을 selector { attribute1: attribut..

그동안 개발자가 되겠다고 부모님을 어떻게 설득할 수 있을까 고민하다가 기획서(?)를 쓰기로 하고 주절주절 써내려가느라 공부를 잠시 멈추어 두었었다. 다 썼으니까 이제 다시 공부 시작하자! 이제껏 공부한 HTML이 내용을 맡는다면 CSS는 웹 문서의 디자인을 담당한다! CSS란게 없으면 ↓↓↓ 처럼 되는데 CSS가 추가되면 아래처럼 예쁘게 바뀐다는 거! 신기하네~

- text를 여러 줄 입력하는 영역 만들 때. cf, 는 한 줄짜리 text 입력 영역이었음! ex, 게시판 글 입력, 회원가입 양식 內 사용자 약관 cols - 의 가로 너비 (글자 수 단위로) 지정. (기준: English) rows - 의 세로 길이 (줄 단위로) 지정. - 지정한 숫자보다 줄 개수 많아지면 scroll rod 생김. - drop down 목록 시작, 끝 표시. size - 화면에 표시할 drop down 항목 개수 지정. multiple - drop down에서 둘 이상의 항목 선택할 때. - 와 의 하위 tag. - drop down의 원하는 항목 추가. value - tag의 속성. - client가 선택한 게 뭔지 server로 넘겨줌. selected - drop down..

autofocus - webpage를 web browser가 읽어오자마자 원하는 곳에 마우스 커서가 깜빡이는 위치를 지정. placeholder - 힌트 표시. ex, 아이디를 입력하세요. readonly - 읽기 전용 field를 만들어 줌. - readonly="readonly"로 써도, readonly="true"로 써도 같은 결과 도출됨. - 쇼핑몰에서 주문자 정보, 배송지 정보 등 입력하는 페이지에서 이전 페이지에서 선택한 물건 이름이 그대로 도출되는 부분 등에 쓰임. required - 필수 입력 field 지정. - client가 이 field를 채워주지 않으면 오류 메시지 나옴. (web browser마다 그 형태는 다름.)

- 다양한 form에서 client가 입력한 정보를 받을 때. - 보통 속성 type를 사용해 입력하는 정보의 성격을 정함. type="text" - 한 줄짜리 text 입력하는 text box 삽입. ex, 아이디, 이름, 주소 등 한 줄짜리 일반 text. type="password" - 비밀번호 입력하는 field 삽입. - *모양이나 ●모양으로 보이는 점 빼면 다른 성격은 type="text"와 똑같음. size - text나 password가 화면에 몇 글자가 보이게 할 건지 지정. value - text field 부분에 보여주는 내용. - 이거 안 쓰면 빈 text field가 보임. - password에서는 안 씀. maxlength - text나 password 최대 입력 가능한 문자 수..

- 여러가지 form 요소를 가운데에 넣음. - 어떤 방식으로 server에 넘길지, server에서 어떤 프로그램 써서 처리할 건지 지정 - 여러 폼 요소 method - client가 입력한 내용 → server로 어떻게 넘길지 지정. - method 안에서 사용할 수 있는 속성: get, post ▶ get: 256~4,096byte 용량의 data만 server로 보낼 수 있음. 주소표시줄에 client가 입력한 내용 그대로 드러나는 단점 有 ▶ post: 입력 내용 길이 제한 × & client가 입력한 내용 드러나지 ×. name - JAVASCRIPT로 form을 제어할 때 사용할 form 이름 지정. action - tag 안의 내용을 처리해 줄 server 프로그램 지정. ex, ~~~~..